html{
    margin: 0;
    padding: 0;
	width: 100%;
}
html, html a {
	-webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2a353b;
	width: 100%;
	font-size: 0.9em;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	overflow-y: auto !important;	
	overflow-x: hidden !important;	
    -webkit-overflow-scrolling: touch;
}
body.login, body.homepage{
	background: #2a353b url(../images/yy.png) no-repeat 0 34px;
}
body.homepage .usertasks_menu .paginate_button:hover, body.homepage .usertasks_menu .single_paginate_button:hover{
	background-color: #384348;
	color: #fff;
}
body.homepage .usertasks_menu tbody tr:not(.detail_row):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck){
	background-color: #bbb;
}
input, textarea{
	font-size: 0.95em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
	filter: none;
}
textarea:not(.free-textarea){
	white-space: break-spaces !important;  
	overflow: auto !important;
}
select::-ms-expand { 
    display: none; 
}
select[disabled]{
    opacity: 1;
}
:root {
	--main-bg-color: rgb(1, 2, 3);
	--yes-switch: 'Ja';
	--no-switch: 'Nee';
	--on-switch: 'Aan';
	--off-switch: 'Uit';
}
input.form-control {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
*{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.onoffswitch-checkbox.error + .onoffswitch-label{
	background-image: url(../images/action/error.svg) !important;
	background-position: right 12px top 5px !important;
	background-size: 20px !important;
	border: 2px solid #de6c6c !important;
	background-repeat: no-repeat !important;
	background-color: #de6c6c !important;	
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator  {
    display: none;
    -webkit-appearance: none;
	cursor: pointer !important;	
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button, input[type=time]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input::-webkit-date-and-time-value {
	margin-top: 0px;
	text-align: left !important;
	width: 100%;
}
input[type=number], input[type=date], input[type=time] {
    -moz-appearance: textfield !important;
	-webkit-appearance: textfield;
	appearance: textfield;
}

div[data-dom-classes=";PrintPdf;"], div[data-dom-classes=";PrintWithPreview;"], a[href^="http://maps.google.com/maps"],a[href^="https://maps.google.com/maps"],
input[type="text"]:invalid + input[type="reset"]{
	display: none !important;
}
.metadata table tbody tr td{
	max-width: none !important;
	background: #e8e8e8 !important;
	color: #111 !important;
	padding-left: 0 !important;
}
.metadata table tbody tr{
	height: 24px !important;
	pointer-events: none;
}
.moreinfo-btn{
	border: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(../images/action/info.svg);
    background-size: 24px;
	float: left;
    margin-left: 4px;
    margin-top: 3px;
	cursor: pointer;
	background-color: transparent;
}

.orderLinesTable .artikelor02 span, .orderLinesTable .artomsp10 .form-control,
.quotationLinesTable .artikelf06 span, .quotationLinesTable .artomsp10 .form-control{
	min-width: 100px;
}
.orderLinesTable .artikelor02 span, .quotationLinesTable .artikelf06 span{
	min-width: 130px;
}
.orderLinesTable .artomsp10, .quotationLinesTable .artomsp10{
	min-width: 150px;
}
.orderLinesTable tbody .artomsp10 .form-control, .quotationLinesTable tbody .artomsp10 .form-control{
	width: calc(100% - 32px) !important;
}
.moreinfo-popup{
    position: fixed;
    border-radius: 15px;
    width: 600px;
    min-height: 280px;
    padding: 15px;
    background-color: #fff;
    z-index: 8;
    top: 20%;
    border: 2px solid #2a353b;
    left: calc(50% - 300px);
	box-shadow: -2px 4px 11px 3px #999;
}
.moreinfo-popup textarea{
    height: 100% !important;
    width: calc(100% - 20px) !important;
    min-height: 300px;
    resize: none;
	border: 0;
	margin-top: 15px;
	border-radius: 0;
    padding: 10px;
}
.order-div textarea{
	padding: 0 !important;
}
.inbox-confirmation .radioGroup{
	float: left;
    margin-left: 2%;
    margin-top: 15px;
}
.inbox-confirmation input, .inbox-confirmation .wrap{
	float: left;
}
.inbox-confirmation label{
	float: left;
	font-weight: normal !important;
}
.inbox-confirmation .wrap.sec{
	margin-top: 15px !important;
	float: left;
}
.inbox-confirmation .wrap{
	width: 100%;
}
.inbox-confirmation .action_button.start_action{
	margin-top: 20px;
}
.inbox-confirmation input[type=radio]:checked + label:before{
	background-color: #D49F00 !important;
    background-color: var(--inbox-color, #D49F00) !important;
}
.select-folder .tt-menu{
	min-width: 200px !important;
}
.small-block{
	width: calc(50% - 3px);
	display: inline-block !important;
}
.wide-block{
	width: 100%;
	display: inline-block !important;
}

#DataTables_Table_0_processing{
	position: absolute;
    top: 30px;
    left: 412px;
}

.ubusyasync, label.error{
	display: none !important;
}
.filter_container #accounts-filter-typeahead, .filter_container #persons-filter-typeahead, .filter_container #activities-filter-typeahead, .filter_container #calls-filter-typeahead, .filter_container #opportunities-filter-typeahead, .filter_container #webregs-filter-typeahead,
.filter_container #defcourses-filter-typeahead, .filter_container #courses-filter-typeahead, .filter_container #attendees-filter-typeahead, .filter_container #operators-filter-typeahead, .filter_container #codes-typeahead, .filter_container #docs-filter-typeahead, .filter_container #alerts-filter-typeahead,
.filter_container .filtervalue, .filter_container .filtervalue2, .filter_container .filterdate, .filter_container .filterdate2, .filter_container #boolean-box, .search_button_accounts.add_filter, .filter_container .empty_btn,
.inbox-confirmation, .reports_home #article3, .activity-mail-dsp, .visible, .upload_template_dsp, .snowflakes, .gmnoprint a, .gmnoprint span, .gm-style-cc, #content-home.eset-login-block .timeout-message,
.attendee-div .add-delegate-mail, .attendee-div .add-booker-mail, .attendee-div .add-invoicee-mail, .prefdetail, .hide, .collective-representers, .select-cancel-action, .select-reject-action, .promote-order-action, .otp-div{
    display:none;
}
.upload_template_dsp .upload-file-btn, .uploadImagePopup .upload-file-btn, .uploadImagePopup .select-image-div, .uploadImagePopup .image-buttons-holder{
	float: left;
}
.upload_template_dsp .upload-div{
	margin-top: 15px !important;
}
.upload_template_dsp .upload-templ-btn{
	margin-top: 10px !important;
	float: left;
}
.uploadImagePopup .select-image-div .select-image-div-scroll{
	float: left;
  	max-height: 550px;
  	overflow: auto;
}
.uploadImagePopup .select-image-div, .uploadImagePopup .image-buttons-holder{
	width: 100%;
}
.uploadImagePopup .select-image-div{
	display: none;
}

.gmnoprint div {
    background: none !important;
}
.gm-style div {
    -webkit-transform: scale(1.002);
}
.pdfFrameSection .imageHolder{
	float: left;
    width: 100%;
}
.pdfobject-container { 
	height: 30rem; border: 1px solid #ccc; 
}
.contract-hours{
	font-weight: bold;
    margin: 8px 13px;
    float: left;
}
.ui-sortable-placeholder {
	border: 2px dashed #bbb;
	height: 28px;
	width: calc(100% - 10px);
	background: #ddd;
}
.droppable-tagit-placeholder{
	border: 2px dashed #bbb !important;
	background: #ddd;
	border-radius: 22px;
	min-height: 28px;
	height: auto;
}

.uitdienst-check, .uitdienst-label{
	margin-top: 14px;
    float: left;
}
.reportfilesubject_td, .reportfilesubject_td_input{
	padding-top: 10px;
}
.reportfilesubject_td_input input, .reportfilereference_td_input input, .reportfilestatus_td_input input, .reportfilesend_td_input input{
	margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.freeTextTable.-uent-empty-{
	display: table !important;
}
.freeTextTable {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	margin-top: 15px;
}
.freeTextTable tr.-uocc-empty-{
	display: block !important;
}
.freeTextTable td{
	display: block;
	width: 100%;
	float: left;
	margin-top: 10px;
}
.freeTextTable td label{
	width: 150px;
	float: left;
	font-weight: bold;
}
.freeTextTable td textarea{
    width: calc(100% - 240px);
    margin-left: 10px;
    float: left;
    padding: 5px;
	border: 1px solid #ccc;
	border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
}
.freeTextHolder{
	width: 100%;
    float: left;
}

.reports_home  #article3 .details{
	margin-top: 0 !important;
}
.reports_home  #article3  section.filter{
	margin-left: 0 !important;
}
#accountfilter #accounts-typeahead .typeahead, #personfilter #persons-typeahead .typeahead, #activityfilter #activities-typeahead .typeahead, #callfilter #calls-typeahead .typeahead, #coursefilter #courses-typeahead  .typeahead,
#opportunityfilter #opportunities-typeahead .typeahead, #documentfilter #documents-typeahead .typeahead, #alertfilter #alerts-typeahead .typeahead, .mail_input.typeahead, textarea.form-control, #resourcefilter #resources-typeahead .typeahead,
.datafilterContainer #reports-typeahed .typeahead, #orderfilter #orders-typeahead .typeahead, #quotationfilter #quotations-typeahead .typeahead{
	border: 1px solid #ccc !important;
}

.datafilterContainer #reports-typeahed {
	width: 90%;
}

.attendee-textarea[readonly], .product-textarea:disabled, .form-control[readonly]:not(.dateFrom):not(.dateUntil):not(.searchMutationsFilter), .form-control[disabled], span[contenteditable="false"].form-control:not(.path-field), div[contenteditable="false"].form-control, select.form-control:disabled, .feature-div tbody tr td.fdate span, #article2 span.form-control:not(.path-field), .planitem-div .order-rows-typeahead label{
	border: 1px solid #fff !important;
	border-bottom: 1px solid #ccc !important;
	cursor: default;
	font-size: 0.95em !important;
}
.left-column > div > div .second span.form-control:not(.path-field), .right-column > div > div .second span.form-control, .exactparam-div .second span[contenteditable="false"]{
	border: 1px solid #fff !important;
    border-bottom: 1px solid #ccc !important;
    cursor: default;
}
.exactparam-div .path-field{
	text-overflow: unset !important;
}
.exactparam-div .first{
	width: 330px !important;
}
.exactparam-div .second{
	width: calc(100% - 330px) !important;
}
.exactparam-div .contactDetails > div{
	width: 950px;
}
.prefswitches{
	float: left;
	width: 98%;
	margin-top: 5px;
}
.prefswitches > div{
	padding-right: 110px;
	padding-bottom: 0px;
	float: left;
}
.prefswitches div.second{
	min-height: 36px !important;
}
.prefswitches > div > input{
	float: left;
	margin-top: 5px;
}
.prefswitches > div > span{
	float: left;
	margin-top: 4px;
	padding-left: 5px;
}
.preferences-page .form-control{
	font-size: 0.95em !important;
}
.preferencesDataTable tbody tr td.VALMCP02{
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px;
    overflow: hidden !important;
}
.css-variable-check {
    display: none; 
    background-color: var(--main-bg-color, rgb(1, 2, 3));
}
.allcheckbox{
	margin-left: 6px;
}
.dash-content{
    border: 1px solid #ccc;
	border-top: 0;
    padding: 10px 15px 15px 15px;
    border-radius: 0px 0px 15px 15px;
    z-index: 0;
	box-shadow: 3px 5px 6px 2px #ddd;
	margin-bottom: 200px;
}
.dash-content, .dash-content .wrapper{
	float: left;
}
.dashboard-categories{
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.dashboard-categories span{
	float: left;
    padding: 9px 40px;
    margin-right: 10px;
    margin-top: 10px !important;
	border-radius: 6px 6px 0px 0px;
	background-repeat: no-repeat;
	font-size: 1em;
    font-weight: normal;
	color: #fff;
	cursor: pointer;
	width: 100px;
	text-align: center;
	margin-bottom: -1px !important;
	border: 1px solid #ccc;
	background-position: 13px 5px;
    background-size: 25px;
}
.dashboard-categories span:not(.current), .dashboard-categories span:not(.current):hover{
    background-color: #eee;
    color: #222;
}
.dashboard-categories span:not(.current):hover{
	text-decoration: underline;
}
.dashboard-categories span.current:hover{
	cursor: default !important;
}
.dashboard-categories span.current{
	border-bottom: 1px solid #fff !important;
}
.dashboard-categories .accounts-title{
    background-color: #6CA237;
    background-color: var(--accounts-color, #6CA237);
    background-image: url(../images/action/building.svg) !important;
}
.dashboard-categories .accounts-title:not(.current){
	background-image: url(../images/action/building_dark.svg) !important;
}
.dashboard-categories .activities-title{
	background-position: 13px 4px !important;
    background-size: 26px !important;
    background-color: #718492;
    background-color: var(--activities-color, #718492);
    background-image: url(../images/action/activities.svg) !important;
}
.dashboard-categories .activities-title:not(.current){
	background-image: url(../images/action/activities_dark.svg) !important;
}
.dashboard-categories .calls-title{
	background-color: #11905A;
    background-color: var(--calls-color, #11905A);
    background-image: url(../images/action/calls.svg) !important;
}
.dashboard-categories .calls-title:not(.current){
	background-image: url(../images/action/calls_dark.svg) !important;
}
.dashboard-categories .opportunities-title{
    background-color: #7C4F88;
    background-color: var(--opportunities-color, #7C4F88);
    background-image: url(../images/action/opportunities.svg) !important;
}
.dashboard-categories .opportunities-title:not(.current){
	background-image: url(../images/action/opportunities_dark.svg) !important;
}
.dashboard-categories .courses-title{
    background-color: #2B6190;
    background-color: var(--courses-color, #2B6190);
    background-image: url(../images/action/courses.svg) !important;
}
.dashboard-categories .courses-title:not(.current){
	background-image: url(../images/action/courses_dark.svg) !important;
}
.dashboard-categories .orders-title{
    background-color: #1d5c6d;
    background-color: var(--orders-color, #1d5c6d);
    background-image: url(../images/action/order.svg) !important;
}
.dashboard-categories .orders-title:not(.current){
	background-image: url(../images/action/order_dark.svg) !important;
}
.dashboard-categories .quotations-title{
    background-color: #537052;
    background-color: var(--quotations-color, #537052);
    background-image: url(../images/action/invoice.svg) !important;
}
.dashboard-categories .quotations-title:not(.current){
	background-image: url(../images/action/invoice_dark.svg) !important;
}
.dashboard-categories .timewriting-title{
	background-size: 26px !important;
	background-position: 13px 6px !important;
    background-color: #FF5722;
    background-color: var(--timewriting-color, #FF5722);
    background-image: url(../images/action/timewriting.svg) !important;
}
.dashboard-categories .timewriting-title:not(.current){
	background-image: url(../images/action/timewriting_dark.svg) !important;
}
.dashboard-categories span.accounts-title.current {
    border: 1px solid var(--accounts-color, #6CA237) !important;
}
.dashboard-categories span.activities-title.current {
    border: 1px solid var(--activities-color, #718492) !important;
}
.dashboard-categories span.calls-title.current {
    border: 1px solid var(--calls-color, #11905A) !important;
}
.dashboard-categories span.opportunities-title.current {
    border: 1px solid var(--opportunities-color, #7C4F88) !important;
}
.dashboard-categories span.orders-title.current {
    border: 1px solid var(--orders-color, #1d5c6d) !important;
}
.dashboard-categories span.quotations-title.current {
    border: 1px solid var(--quotations-color, #537052) !important;
}
.dashboard-categories span.timewriting-title.current {
    border: 1px solid var(--timewriting-color, #FF5722) !important;
}

.dash-content .toolbar button, .dash-content .toolbar.graph-year, .dash-content .graph-year label, .dash-content .graph-year input{
	float: left;
	margin-right: 5px;
}
.dash-content .toolbar{
	float: left;
    width: 100%;
    margin-top: 5px;
}
.dash-content .graph-year, .dashboard-period{
    float: left;
	width: 100%;
}
.dash-content .graph-year strong{
    float: left;
    margin-top: 17px;
    margin-right: 10px;
}
.dash-content .graph-year > div{
	float: left;
    margin-right: 5px;
    margin-top: 18px;
}
.rangelist-filter .typeahead{
	margin-top: -8px !important;
    margin-bottom: 7px !important;
}
.dash-content .graph-year input:not(.mapselections):not(.typeahead):not(.barchart_button):not(.refreshchart_button):not(.filterchart){
	width: 135px !important;
	margin-top: 10px;
	float: left;
	margin-bottom: 5px;
	padding: 0 10px 0 10px !important;
}
.donut-selections{
	width: 500px;
    float: left;
	margin-bottom: 10px;
	margin-left: 2px;
}
.donut-selections label{
	float: left;
    font-weight: bold;
    margin-top: 11px;
    margin-right: 10px;
}
.donut-selections .typeahead{
	width: 340px;
    float: left;
    margin-top: 3px;
    margin-bottom: 0;
}
.donut-selections span.twitter-typeahead{
	width: 300px;
}
.mapselections.typeahead{
	width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

#chart-0{
	width: 100% !important; 
	max-height: 330px !important;
}
#doughnut-chartcanvas1{
	width: 100% !important; 
	max-height: 300px !important;	
}
.filter-dash{
    margin-top: 20px;
	margin-left: -13px;
}
.filter-dash, .filter-dash input{
	width: 100%;
	float: left;
}
.filter-dash div:not(.progress-text){
	float: left;
	margin: 7px;
}
.dash .search-progress, .dash .progress-text{
	margin-top: -2px !important;
}
.ck-uploader .progress-text{
    margin-top: 14px !important;
    margin-left: 109px !important;
}
.dash .progress-holder input[type=button]{
	margin-top: -3px !important;
}
.dash .progress-text{
	color: #111;
}
.filter-dash input[type="date"]{
	width: 120px;
}
.filter-dash input[type="search"]{
	width: 200px;
}
.filter-dash input.action_button{
    width: 100px;
    margin-top: 1px;
    margin-left: 5px;
}
.filter-dash-date, .filter-dash-date div, .filter-dash-date input{
	float: left;
}
.filter-dash-date div{
    margin-top: 14px;
    margin-left: 5px;
}
.filter-dash-date input{
	width: 135px;
	margin-left: 5px;
    margin-top: 6px;
}
body.home.homepage .ui-datepicker-current-day{
	background-color: #6CA237;
}
.ui-datepicker-buttonpane{
	background-color: #eaeaea;
}
.ui-datepicker-buttonpane .ui-state-default{
    margin: 5px;
    border: 1px solid #777;
    padding: 3px 12px;
    cursor: pointer;
}

input::-placeholder {
     color: gray !important;
     opacity: 1;
}
input::-webkit-input-placeholder {   /* Chrome/Opera/Safari */
    color: gray !important;
    opacity: 1;
}
input::-moz-placeholder {            /* Firefox 19+ */
    color: gray !important;
    opacity: 1;
}   
input:-ms-input-placeholder {        /* IE 10+ */
    color: gray !important;
    opacity: 1;
}
input:-moz-placeholder {             /* Firefox 18- */
    color: gray !important;
    opacity: 1;
}
input::-webkit-text-fill-color{
     color: gray !important;
     opacity: 1;
}
.vis-content {
	top: 0 !important;
}
.nocursor{
	cursor: default !important;
}
.attendees-amount{
	background-image: url(../images/action/click.svg);
	background-size: 21px;
	background-repeat: no-repeat;
	background-position: center right 0px;
	padding-right: 30px;
}
.attendees-amount:hover{
	text-decoration: underline;
	cursor: pointer;
}

table tbody tr td.checkbox-cell input{
    margin-top: -7px !important;
    margin-left: 17px;
    float: left;
}

.dmisoh19-div .wide-dmisc01{
	width: 98% !important;
	float: left;
	margin-left: 1% !important;
	margin-top: 10px;
}
.dmisoh19-div .wide-dmisc01 .dataTables_wrapper{
	width: 50% !important;
}
.dmisoh19-div .wide-dmisc01 h3{
	margin-bottom: 10px !important;
}
.dmisc01DataTable .omsc01-value{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.dmisc01DataTable span{
	visibility: hidden;
	width: 0px;
	position: absolute;
}
.dmisc01DataTable td.D_DELETE{
	background-repeat: no-repeat;
	background-image: url('../images/action/close.svg');
	background-position: center;
	background-size: 20px;
	background-color: transparent !important;
} 
.hideclear{ 
    background-color: #fff;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: -56px;
    margin-top: 7px;
    margin-left: -27px;
}
.attendeemail .first label, .attendeemail .first div, .mailaddrid2_dmml14 .first label, .mailaddrid2_dmml14 .first div, .mailaddrid_dmml14 .first label, .mailaddrid_dmml14 .first div, .invaddrid_dmml14 .first label, .invaddrid_dmml14 .first div, .attendeetitle{
    float: left;
}
.attendeetitle h2{
	margin-top: 12px;
}
.act-dsp{
    float: left;
	width: 100%;
}
.personBlockTable .personRole, .personBlockTable .personLeft{
	background-image: none !important;
}
.personBlockTable .personRole, .personBlockTable .personLeft{
	width: 20px;
	min-width: 20px;
}
.merge-holder{
	display: none;
}
.merge-div h2, .merge-role-div, .merge-holder, .merge-role-description, .merge-holder .search-holder{
	width: 100%;
	float: left;
}
.merge-div h2{
	margin-top: 35px;
}
.merge-holder .search-holder .action_button{
	margin-left: 6px;
	margin-top: 7px;	
}
.merge-role-description{
	margin-bottom: 10px;
	margin-top: 12px;
}
.merge-role-div{
	margin-bottom: 20px;
	margin-top: 10px;
}
.merge-div .unifaceRadioLabel label{
	cursor: pointer;
	margin-top: 4px;
	float: left;
}
.merge-role-div .first{
	margin-bottom: 10px;
}
.merge-div .action_button{
	float: left;
}
.merge-div .action_button.cancel_btn{
	margin-left: 10px;
}
input[type="date"]:disabled{
    opacity: 1;
    background-color: #fff !important;
	cursor: default !important;
}
#subfeature-typeahead .twitter-typeahead{
    margin-bottom: -3px !important;
}
#summary_panel{
    float: left;
}
.dateChoice .radiocontainer{
    float: left;
    width: 100%;
}
.dateChoice .radiocontainer.two{
    margin-top: 8px;
}
.nrDaysLine{
    opacity: 0;
    float: left;
    margin-top: 22px;
}
.featureLabel{
    float: left;
    margin-top: 22px;
}
.nrDaysLine .nrDays {
	margin-top: 10px;
}
.dateChoice .consumer-radio {
    margin-top: 0px !important;
}
.sndmethod .checksmtp,.sndmethod .checkexchange{
    float: left
}
.exchange-loading{
	display: none;
	position: absolute;
	z-index: 999999;
    color: white;
    text-align: center;
    width: 100%;
    top: calc(33% + 20px);
}
.exchange-loading div:first-child{
    margin-left: 0.1em;
}
.exchange-loading div{
	display: inline;
    position: relative;
    opacity: 0;
    animation: showHideDot 1.5s ease-in-out infinite;
}
.exchange-loading  .one { animation-delay: 0.2s; }
.exchange-loading  .two { animation-delay: 0.4s; }
.exchange-loading  .three { animation-delay: 0.6s; }
@keyframes showHideDot {
  0% { opacity: 0; }
  50% { opacity: 1; }
  60% { opacity: 1; }
  100% { opacity: 0; }
}
input[name=search]{
    padding-right: 32px;
}
input[type="reset"]{
    background-image: url("../images/action/clear.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    height: 32px;
    width: 32px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    position: relative;
    margin-left: -32px;
    margin-top: 6px;
    float: left;
}
.uploadImagePopup{
    background-color: #fff;
    width: 60%;
	min-width: 450px;
    height: auto;
	max-height: 70%;
    position: fixed;
    left: 0;
	right: 0;
	top: 0;
	margin: 7% auto;
	border: 2px solid #868871;
    border: 2px solid var(--admin-color, #868871);
    border-radius: 10px;
	z-index: 8888888888888;
	overflow: auto;
	display: none;
}
.uploadImagePopup .upl{
    padding: 0px 15px 15px 15px;
}
.uploadImagePopup .upl .message.errormessage{
	margin-top: 20px;
	margin-bottom: 20px !important;
	float: left;
}
.uploadImagePopup .upl .chooseImage{
    width: 0px;
    margin-left: -4px;
}
.uploadImagePopup .upl .previewImage{
	padding-top: 10px;
	max-width: 100%;
	height: auto;
}
.uploadImagePopup .upl .fileList div{
	float: left;
	border: 2px solid #fff;
	margin: 3px;
	height: 200px;
}
.uploadImagePopup .upl .upl_btn_holder{
	width: 100%;
    float: left;
	margin-bottom: 20px;
}
.uploadImagePopup .upl .select_image{
	float: left;
	width: 100px;
}
.uploadImagePopup .upl .thumb{
    max-width: 200px;
	max-height: 200px;
	border: 3px solid #FFFFFF;
	border-radius: 10px;
}
.uploadImagePopup .upl h2:not(.select_image){
	width: 100%;
}
.uploadImagePopup .upl h2.select_image{
    width: 240px;
	margin-top: 15px;
}
.uploadImagePopup .upl .fileList{
    width: 100%;
    margin-top: 5px;
	margin-bottom: 20px;
	float: left;
}
.uploadImagePopup .upl .fileList div:hover{
	opacity: 0.8;
	cursor: pointer;
}
.uploadImagePopup .upl .fileList div:hover .thumb, .uploadImagePopup .upl .fileList div.selected .thumb{
	border: 3px solid #BD3333;
    border: 3px solid var(--admin-color, #868871);
}

.uploadImagePopup .upl .selectClick{
	float: left;
	margin-bottom: 25px;
	margin-right: 10px;
}
.uploadImagePopup .upl .uploadClick{
	margin-top: 0 !important;
    margin-bottom: 10px;
}
.sndmethod div{
    margin-right: 10px;
    float: left;
}
#mailSecondDiv .mail_td{
    width: 140px !important;
}
#mailSecondDiv .uploadBtn{
    margin-top: 6px !important;
}
.documentDetailsShow .filesContainer.upload{
    margin-top: 0px !important;
}
input[type=checkbox]:disabled, input[type=checkbox]:disabled + label{
    cursor: default !important;
}
.seencheckbox {
    margin-top: 8px;
}

.adm_templates_home .template-div .right-column{
    margin-top: 7px;
}
.templates_menu .action_menu .copy_action{
	margin-bottom: 0px !important;
}
.templates_menu .action_menu .copy_action input{
	margin-left: 12px !important;
}
.templates_menu .action_menu div.action_copy_label{
	width: 116px !important;
}
.template-div .office365-preview-holder{
	display: none;
	height: 664px;
	width: 96%;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 5px;
	bottom: 100px;
	float: left;
}
.template-div #office365-preview{
	width: calc(100% + 11px);
	height: 700px;
	margin-left: -6px;
	margin-top: -6px;
}
.template-div .preview-office365{
	position: absolute;
	margin-top: -28px;
	margin-left: 100px;
	background-image: url(../images/action/eye.svg);
	background-color: #2a353b;
	border: 0;
	border-radius: 15px;
	height: 30px;
	width: 30px;
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
}
.template-div .preview-office365:hover{
	cursor: pointer;
	background-color: #868871;
	background-color: var(--admin-color, #868871);
}
.template-div strong.previewOffice{
	float: left;
	margin-top: 18px;
	margin-bottom: 10px;
	width: 100%;
}
.template-confirm{
	margin-top: 20px;
    float: left;
    width: 100%;
	display: none;
}
.template-confirm label{
	color: red;
    font-weight: bold;
    margin-left: 3px;
    font-size: 0.9em;
}
.template-confirm input{
    margin-right: 5px;
}
.slideout-help{
	border-top: 0 !important;
	top: 25px !important;
}
.slideout-help .help-content, .slideout-help .help-specific{
    float: left;
    width: 100%;
}
.searchAccountForm, .searchPersonForm, .searchOrderForm{
	height: 42px;
}
.search_dsp_margin{
    float: left;
    width: 100%;
    margin-top: 45px;
}
.slideout-help .help-specific{
    margin-top: 5px;
}
.filter_container #boolean-box{
    margin-bottom: 46px;
}
.filter_container #boolean-box .second.checkbox{
    float: left;
}
.filter_container #boolean-box .check-div label{
	margin-right: 11px;
}
.cancel-activity-mail, .cancel-call-mail{
    float: left;
    margin-left: 20px;
}
.top-padding{
    padding-top: 6px
}
#header-wrap, .showContent {
	-webkit-transition: width 0.2s ease-out;
	-moz-transition: width 0.2s ease-out;
	-o-transition: width 0.2s ease-out;
	transition: width 0.2s ease-out;
}

.collapse-filter-menu, .logout_btn_div, .usertasks_btn_div {
	-webkit-transition: right 0.2s ease-out;
	-moz-transition: right 0.2s ease-out;
	-o-transition: right 0.2s ease-out;
	transition: right 0.2s ease-out;	
}
.full-height{
	height: 100% !important;
}
.showmorecallinfo, .freetext-link{
    background-color: #fff;
    border: 0;
    padding: 0;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
    cursor: pointer;
	text-decoration: underline;
    color: #2a353b !important;
	font-size: 1em !important;
}
.default-course-div[mode="INFO"] .freetext-link{
	margin-top: -32px !important;
}
.attendee-div[mode="INFO"] .freetext-link{
	margin-top: -45px !important;
}
.showmorecallinfo:hover, .freetext-link:hover{
    text-decoration: none;
}
.person-div .account_search .add_block{
	margin-top: -27px !important;
	right: -47px !important;
}

.attendee-div .person_search .add_block, .attendee-div .attendeemail .add_email_block{
	position: absolute !important;
	margin-right: calc(3% - 15px) !important;

}
.attendee-div .attendeemail, .attendee-div .person_search.delegate, .sendmthdele_dmml14, .mailaddrid2_dmml14,
.attendee-div .person_search.booker, .sendmthdele_dmml14, .mailaddrid2_dmml14, .sendmthdbook_dmml14,
.attendee-div .person_search.invoicee, .sendmthdinv_dmml14, .invaddrid_dmml14, .mailaddrid_dmml14{
	float: left;
	width: 100%;
}
.attendee-div .attendeemail.emailinv_dmml14{
	margin-bottom: 25px;
}
.personsTable tr th.roles, .personsTable tr td.roles, .personsTable tr th.leftemployee, .personsTable tr td.leftemployee, .personsTable tr th.deceased, .personsTable tr td.deceased{
    width: 20px;
}
.validate-panel span, .existing-activity-bar .validate-panel label, .existing-call-bar .validate-panel label{
    color: #fff !important;
    margin-top: 9px;
    float: right;
    cursor: pointer;
}
.movemodules-bar{
	display: none;
    margin-left: 3%;
    width: 92%;
    margin-top: 20px;
}
.movemodules-bar div span{
	line-height: 26px;
}
.movemodules-bar .movemodules-buttons input{
    margin-right: 14px;
}

.validate-panel span:hover{
    text-decoration: underline;
}
.loading-div{
	width: 240px;
    margin-top: 3px;
    left: calc(50% - 120px);
    right: calc(50% - 120px);
    position: absolute;
    font-size: 13px;
}
.loading-div strong{
    margin-top: 11px;
    float: left;
    margin-left: 14px;
}
.loading-div .details-spinner{
    border: 5px solid #f3f3f3;
    -webkit-animation: spinround 1s linear infinite;
    animation: spinround 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    float: left;
}
.doc-div .filesContainer.upload .uploadBtn{
	margin-top: 2px !important;
}
.settings-div .second.checkinbox{
    margin-bottom: 15px;
}
.checkinbox.createact .onoffswitch{
	float: left;
}
.checkinbox.createact .settings-div{
	float: left;
	width: auto;
	height: 30px !important;
}
.checkinbox.createact .settings-div .first{
	width: 170px !important;
}
.attendee-div .depDetails .add_block{
    margin-top: 4px !important;
    display: none;
}
.attendee-div .depDetails .add_email_block{
    margin-top: 4px !important;
    background-image: url(../images/action/edit.svg) !important;
    background-size: 14px !important;
    display: none;
}
.call-div .contactDetails .add_block{
    margin-top: 3px !important;
    float: left !important;
    margin-left: -6px !important;
    display: none;
}
.callDetailsSection.moreinf {
	float: right;
}
.myTable.gradesTable{
    margin-top: 0 !important;
}
.myTable.gradesTable tbody td input.form-control{
    margin-bottom: 0 !important;
    width: 130px;
}
.noedit{
    border: 0 !important;
    background: transparent !important;
    pointer-events: none;
}
.myTable.gradesTable tbody tr:hover .noedit{
    color: #fff !important;
}
body.login .change_password_divs .first{
    text-align: left;
    color: #fff;
}
.change_password_divs span{
	font-weight: bold;
}
.order-div .orddator01_dmisor01 input:read-only{
	cursor: default !important;
}
.order-div .addorder, .quotation-div .addquotation{
    float: right;
    width: 160px;
    margin-top: 13px;
    margin-right: 10px;
	text-align: center;
	padding: 0;
	line-height: 31px;
}

.order-div .orderLinesTable span, .order-div .orderLinesTable td, .quotation-div .quotationLinesTable span, .quotation-div .quotationLinesTable td,
.histquotation-div .histQuotationLinesTable span, .histquotation-div .histQuotationLinesTable td{
	cursor: default !important;
}
.histQuotationLinesTable table{
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
}
.order-div .orderLinesTable .delorderrow, .quotation-div .quotationLinesTable .delquotationrow{
	width: 20px;
}
.order-div .orderLinesTable .delorderrow input, .quotation-div .quotationLinesTable .delquotationrow input, .filterqueries td input, .close-dash-filter{
    background-image: url(../images/action/close.svg);
	background-repeat: no-repeat;
	background-size: 20px;
    background-color: #fff;
	border: 0;
    width: 20px;
    height: 20px;
	cursor: pointer;
}
.close-dash-filter{
	background-color: transparent;
    left: 558px;
    margin-left: 487px;
	margin-top: 3px;
}
#graphfilter-events-typeahead, #graphfilter-orders-typeahead{
	float: left;
}
#graphfilter-events-typeahead .tt-menu{
	width: 480px !important;
}
#graphfilter-events-typeahead .action_button, #graphfilter-orders-typeahead .action_button{
	margin-top: 0;
    margin-left: 10px;
}
.completeprio{
    float: left;
    width: 100%;
}
.completeprio .second.checkbox{
    width: 100px !important;
}
.completeprio .second:not(.checkbox){
    width: 60px !important;
}
.completeprio .second:not(.checkbox) input{
    width: 76px !important;
}
.activitiesTable thead th.statusicon, .activitiesTable thead th.expand, .callsTable thead th.statusicon, .callsTable thead th.expand{
    width: 35px;
}
.activitiesTable thead th.priority{
    width: 60px;  
}
.activitiesTable thead th.date, .callsTable thead th.date, .callsTable thead th.agendadate {
    min-width: 78px;
}
.completeprio .priority{
    float: right;
    margin-right: 4%;
    width: 176px;
}
.completeprio .priority .first{
    width: 100px !important;
}
.field-btns{
    margin-top: 0;
    width: 100%;
    float: left;
}
.field-btns input{
    margin-left: 10px;
}
.format-typeahead{
    float: left;
    width: 100%;
    margin-left: 10px;
    margin-top: 20px;
}

.nrDays{
	width: 80px;
}
.format-typeahead .first{
    width: 150px;
    float: left;
    word-break: break-word;
    padding-top: 6px;
    font-weight: bold;  
}
.format-typeahead .second{
    width: 300px;
    float: left;
    word-break: break-word;
    min-height: 42px;
}
.opportunity-div .contactDetails .search_dsp, .opportunity-div .contactDetails .search_dsp2{
	width: 60%;
}
.opportunity-div .contactDetails .inline_dsp{
	display: none;
	float: left;
    width: 100%;
}
.smaller-phase {
    width: calc(60% - 40px) !important;
}
.phases-btn{
    background-image: url(../images/action/timeline.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: #2a353b;
	background-position: center;
    border: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: 8px;
	float: left;
}
.phases-btn:hover{
	cursor: pointer;
    background-color: #7C4F88;
    background-color: var(--opportunities-color, #7C4F88);
}
.phases-div{
    width: calc(95% - 20px);
    float: left;
    padding: 10px;
    margin-bottom: 20px;
	background-color: #7d7d7d30;
	border-radius: 8px;
}

.phases-div .phases-table .phase-checkbox{
	width: 20px;
}
.phases-div .phases-table .phase-descr{
    line-height: 21px;	
}
.phases-div .phases-table .phase-usr input, .phases-div .phases-table .phase-date input{
	margin-top: -6px !important;
}
.phases-div .phases-table .phase-date{
	width: 115px;
}
.phases-div .phases-table .phase-date input{
    width: 115px !important;
    padding: 0px 0px 0px 10px !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;	
    height: 30px !important;
}
.phases-div .phases-table .phase-usr{
	width: 150px;
}

.phases-table, .phases-table table{
	border-collapse: collapse;
	width: 100%;
    text-align: left;
}
.phases-table > tbody > tr > td{
    padding-bottom: 15px;
}
.phases-table > tbody > tr > td strong{
    margin-top: 3px;
    float: left;
}
.phases-table tbody{
	vertical-align: top;
}

.modulesaccos{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.att-div .modulesaccos, .att-div .attendee-width{
	margin-top: 0px !important;
}
.attendee-move-div{
	margin-bottom: 0px !important;
}
.attendee-move-div .settask-dsp-container{
	float: left !important;
	width: 100% !important;
}
.event-history{
    width: 95%;
    float: left;
    margin-top: 20px;   
	margin-bottom: 20px;
	overflow-y: auto;
    max-height: 270px;
}
.modulesaccos table, .event-history table{
    border-collapse: collapse;
    width: 100%;
}
.modulesaccos table th, .event-history table th{
    font-size: 13px !important;
}
.modulesaccos table td, .modulesaccos table th{
    padding: 5px 15px;
}
.event-history table td, .event-history table th{
    padding: 5px 15px 5px 5px; 
}
.event-history strong{
    margin-bottom: 10px;
    float: left;
}
.modulesaccos table td span, .event-history table td span{
    cursor: default !important;
	font-size: 0.95em;
}
.modulesaccos table th, .event-history table th{
    text-align: left;
}
.modulesaccos .modulelabel{
    width: 49%;
    margin-right: 2%; 
    float: left;  
}
.modulesaccos .accolabel{
    width: 49%;
    float: left; 
}
.modulesaccos .accommodations, .modulesaccos .modules{
    width: 100%;
    float: left;
    margin-top: 20px;
	max-height: 270px;
    overflow: auto;
}
.cancel_action.person{
    width: 60px !important;
    margin-right: 8px;
}
.person_search.delegate .typeahead, .person_search.booker .typeahead, .person_search.invoicee .typeahead, .course_search .typeahead, #events-typeahead .typeahead:not(.nobackground), .timepage #search-orders-typeahead .typeahead {
    background-image: url(../images/action/search_typeahead.svg) !important;
    background-size: 22px !important;  
    background-position: right 7px top 3px !important;
    background-repeat: no-repeat !important;
}
.person_search.delegate .form-control:read-only, .person_search.booker .form-control:read-only, .person_search.invoicee .form-control:read-only, .eventid_dmml14 .form-control:read-only{
	cursor: pointer !important;
}
.timepage #search-orders-typeahead .typeahead{
    min-width: auto !important;
}
.timepage h2{
    font-size: 1.25em !important;
}
.add-delegate-mail .action_button, .add-booker-mail .action_button, .add-invoicee-mail .action_button, .person_search.delegate .action_button, .person_search.booker .action_button, .person_search.invoicee .action_button, #events-typeahead .action_button, .course_search .action_button, .timepage #search-orders-typeahead .action_button{
    margin-top: 1px !important;
    float: right;
}
.add-delegate-mail > .form-control, .add-booker-mail > .form-control, .add-invoicee-mail > .form-control, .person_search.delegate .twitter-typeahead, .person_search.booker .twitter-typeahead, .person_search.invoicee .twitter-typeahead, #events-typeahead .twitter-typeahead, .course_search .twitter-typeahead, .timepage #search-orders-typeahead .twitter-typeahead{
    width: calc(98% - 80px) !important;
}
.attendee-move-div .person_search.delegate .twitter-typeahead, .attendee-move-div .person_search.booker .twitter-typeahead, .attendee-move-div .person_search.invoicee .twitter-typeahead{
    width: calc(77% - 5px) !important;
}
.person_search.delegate .tt-menu, .person_search.booker .tt-menu, .person_search.invoicee .tt-menu{
    width: calc(102% + 80px) !important;
}
#events-typeahead .tt-menu, .course_search .tt-menu, .timepage #search-orders-typeahead .tt-menu, .timepage #accountdsp_search_form .tt-menu{
    width: calc(120% + 80px) !important;
}

.famount.feature-input{
    min-width: 55px;
}

.call-summaryy  p, .call-questiony  p, .call-answery  p, .summary  p, p.MsoNormal, li.MsoNormal, div.MsoNormal{
    color: #111 !important;
    font-size: 1em !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.call-summary table tr td{
    color: #111 !important;
    cursor: default !important;
}
.cancel_attendee_btn{
    border: 0;
    background-image: url(../images/action/cancel-attendee.svg);
    background-size: 20px;
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
    cursor: pointer !important;
}
.allgrades table{
    width: 100%;
    border-collapse: collapse;
}

.fancypopup{
	width: 500px;
    height: auto;
    position: fixed;
    top: calc(50% - 160px);
    left: calc(50% - 272px);
    border-radius: 15px;
    padding: 0px 20px 20px 20px;
	background-color: #fff;
    z-index: 33;
}
.preference-table-popup .myTable thead th.pref-ind, .preference-table-popup .myTable tbody td.pref-ind {
	width: 140px;
    min-width: 175px;
	padding-left: 0 !important;
}
.preference-table-popup .myTable thead th.pref-name, .preference-table-popup .myTable tbody td.pref-name {
	width: 200px;
	min-width: 200px;
	padding-left: 0 !important;
}
.gradeDetails table thead th.del, .gradeDetails table tbody td.del{
    width: 300px;
    min-width: 190px;
    text-align: left !important;
}
.gradeDetails table thead th.sts, .gradeDetails table tbody td.sts{
    width: 130px;
    min-width: 100px;
}
.gradeDetails table thead th.ev, .gradeDetails table tbody td.ev, .gradeDetails table thead th.remarks, .gradeDetails table tbody td.remarks{
    width: 200px;
    min-width: 130px;
}
.gradeDetails table thead th.dat, .gradeDetails table tbody td.dat{
    width: 100px;
    min-width: 100px;
    max-width: 120px;
}
.gradeDetails table tbody td .form-control{
    margin: 0 !important;
}
.grades-header tr {
	height: 35px !important;
	cursor: pointer !important;
}
.details_container .grid-stack-item .paging_full_numbers .paginate_button{
    background-size: 15px !important;
    height: 30px !important;
    width: 30px !important;
	margin-top: -4px;
}
.details_container .grid-stack-item .paging_full_numbers{
    padding-top: 6px !important;
}

.full-width{
    width: 100%;
    float: left;
}
.inbox-buttons{
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}
.attendee-width{
    margin-top: 15px;
    width: 98%;
    margin-left: 10px;
    float: left;
    margin-bottom: 20px;
}
.attendee-width label{
    font-weight: bold;
}
.attendee-textarea, .accocosts-textarea, .modcosts-textarea, .product-textarea, .preference-textarea, .notes-textarea{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 9px;
    border: 1px solid #ccc;
    padding: 7px;
    float: left;
    margin-top: 10px;
    margin-bottom: 1%;
    background-color: #fff !important;
}
.attendee-textarea, .accocosts-textarea, .modcosts-textarea, .notes-textarea{
	width: 99% !important;
}
.product-textarea{
	width: 96% !important;
	color: #111 !important;
}
.preference-textarea{
	width: 98% !important;
	min-height: 16px;
    max-height: 200px !important;
	white-space: break-spaces;
	overflow-y: auto;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-size: 0.95em !important;
	padding-left: 10px !important;
	outline: none;
}
.contactDetails .preference-textarea{
	margin-top: 0px !important;
}
.preference-textarea[contenteditable="false"]{
	border-top: 1px solid #fff !important;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
}
.preference-div{
    padding-bottom: 200px;
}
.preference-div .myTable .indmcp01, .preference-div .myTable .usrcdp01{
	width: 100px;
}
.preference-div .contactDetailsSection.wide{
	width: 100% !important;
}
.delpref-accept{
	float: left;
	display: none;
	width: 100%;
}
.dmegp01-section.wide .edit-row input[type=button], .dmegp01-section.wide .edit-row span{
    float: left;
    margin-right: 10px;
} 
.dmegp01-section.wide .edit-row span{
    margin-top: 17px;
    font-weight: bold;
}
.dmegp01_holder .content-holder{
	margin-top: 6px;
}
.preference-div .action_button.new{
	margin-top: 10px;
    float: left;
}
.preference-div .contactDetailsSection.wide h3{
	float: left;
    margin-top: 30px !important;
    margin-bottom: 5px !important;
	width: 100%;
}
.preference-div div.first{
	width: 230px !important;
}
.preference-div div.second{
	width: calc(100% - 230px) !important;
}
.preference-div .myTable .VALMCP01 {
	max-width: 450px;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.dmegp01DataTable .preference-textarea{
	word-break: break-word !important;
}
.columns.prefs .dataTables_filter, .entity-fields-page .dataTables_filter, .templates_div .table-content .dataTables_filter, .users-page .dataTables_filter,
.resources-page .dataTables_filter, .features-page .dataTables_filter{
    right: 16px;
    margin-top: -40px;
    position: absolute;
    font-weight: bold;
    font-size: 0.95em !important;
	height: 32px;
}
.features-page .dataTables_filter{
	margin-top: 8px !important;
}
.entity-fields-page .dataTables_filter, .templates_div .table-content .dataTables_filter{
	right: 0 !important;
}

.attendee-textarea:read-only, .accocosts-textarea:read-only, .freeTextTable textarea:read-only{
    cursor: default !important;
}
.notes-text {
	padding-left: 9px;
}
.notes-textarea{
	height: 270px !important;
}

.preference-table-popup > section{
	width: calc(100% - 35px) !important
}
.prefdetail-textarea{
    width: calc(100% - 52px) !important;
}
.preference-table-popup span[contenteditable=true]{
    max-height: 400px;
	overflow: auto;
	margin-top: 0;
	width: 100%;
}
.preference-table-popup .scrollable tbody tr:not(.prefdetail) span[contenteditable=true]{
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

span[contenteditable=true]{
	cursor: auto !important;
}
.preference-table-popup h3 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 5px;
}
.preference-table-popup .firstsection .action_button{
	margin-bottom: 15px;
	margin-top: 20px;
}
.preference-table-popup .pardcp03-lbl{
	width: 100%;
}
.noborder{
    border: 0 !important;
}
.timepage .noborder{
	font-size: 13px;
}
.leftmargin{
	margin-left: 36px;
}
.collective-representers{
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
}
.collective-representers .first{
    font-weight: bold;
    margin-left: 10px;
    margin-top: 6px;
}
.collective-representers .first, .collective-representers .second{
    float: left;
}

.reportfilename_td{
	width: 200px;
}
.reportfilename_td_input{
    padding-top: 6px;
}

.print-course-table .first label{
	font-weight:bold;
}
	
.print_action:not(.acc):not(.per) .action_print, .print_report_action .action_print{
    margin-left: 16px;
    background-image: url(../images/action/report.svg) !important;
	background-size: 27px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.print_action.acc .action_print, .print_action.per .action_print, .printer_action .action_print{
    margin-left: 16px;
    background-image: url(../images/action/printer.svg) !important;
	background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.cancel_action.account{
    width: 60px !important;
    margin-left: 5px !important;
}
.action_menu input, .action_date{
    width: 40px;
    height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	float: left;
	border: 0px;
	background-color: #2a353b;
	margin-bottom: 0px;
}
.action_menu input:hover{
	cursor: pointer;
}
.action_save{
	background: url(../images/action/save.svg) no-repeat;
	background-size: 23px;
    background-position: center center;
}
.action_agenda{
	background: url(../images/action/planboard.svg) no-repeat;
	background-size: 23px;
    background-position: center 8px;
}
.action_undo{
	background: url(../images/action/undo.svg) no-repeat;
	background-size: 28px;
    background-position: 4px 5px;
	display: none;
}
.action_delete{
	background: url(../images/action/trash.svg) no-repeat;
	background-size: 30px;
    background-position: center center;
}
.action_move{
	background-image: url(../images/action/move.svg);
	background-size: 27px;
    background-position: 9px center;
	background-repeat: no-repeat;
}
.action_cancel{
	background: url(../images/action/cancel-attendee.svg) no-repeat !important;
	background-size: 42px !important;
    background-position: center center !important;
    background-color: transparent !important;
}
.action_reject{
	background-image: url(../images/action/reject.svg) !important;
	background-repeat: no-repeat;
	background-size: 27px !important;
    background-position: center center;
}
.action_promote{
	background-image: url(../images/action/promote.svg) !important;
	background-repeat: no-repeat;
	background-size: 26px !important;
    background-position: center 6px;
}
.action_copy_role, .action_copy_person{
	background-image: url(../images/action/copy-icon.svg) !important;
	background-size: 25px !important;
    background-repeat: no-repeat;
    background-position: center;
}
.action_mail{
	background-image: url(../images/action/mail.svg);
	background-repeat: no-repeat;
	background-size: 24px;
    background-position: center center;
}
.action_merge{
	background-image: url(../images/action/merge.svg);
	background-repeat: no-repeat;
	background-size: 24px;
    background-position: center center;
}
.action_finish{
	background-image: url(../images/action/check-box.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 10px 8px;
}
.action_portal{
	background-image: url(../images/action/calls.svg);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: 6px 6px;
}
.action_timebtn{
	background-image: url(../images/action/timewriting.svg);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: 7px 7px;
}
.action_copy{
	background-image: url(../images/action/copy.svg);
    background-repeat: no-repeat;
	background-size: 26px;
    background-position: center center;
}
.action_report{
	background-image: url(../images/action/report.svg);
	background-repeat: no-repeat;
	background-size: 24px;
    background-position: center 8px;
	margin-left: 16px;
}
.action_kvk{
	background-image: url(../images/action/kvk.svg) !important;
	background-size: 33px !important;
    background-repeat: no-repeat !important;
    background-position: center;
	background-color: #2a353b;
}
.action_favorite{
	background-image: url(../images/action/star.svg);
	background-repeat: no-repeat;
	background-size: 24px;
    background-position: center 8px;
	margin-left: 16px;
}
.action_mutations{
	background-image: url(../images/action/timestamp.svg);
	background-repeat: no-repeat;
	background-size: 26px;
    background-position: center 7px;
	margin-left: 20px;
}
.action_merge_label label {
	margin-left: 2px;
}

.action_cancel_label{
	width: 68px !important;
}	
.action_copy_role_label, .action_prolong_label, .action_invoice_label, .action_upload_label{
	text-align: center;
    float: none !important;
    width: 102px !important;
    display: inline-block;
}
.action_invoice_label label, .action_cancel_label label{
	text-align: center;
}
.action_copy_role_label, .action_upload_label{
	width: 85px !important;
}
.action_upload {
	background-image: url(../images/action/upload.svg);
	background-repeat: no-repeat;
	background-size: 26px;
	background-position: center 7px;
}
.action_menu .upload-input{
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.action_date{
    background-image: url(../images/action/planboard.svg);
    background-size: 20px;
    background-position: 6px 5px;
    background-repeat: no-repeat !important;
    display: block !important;
    margin-left: 5px !important;
    margin-top: 6px;
	width: 32px !important;
    height: 32px !important;
}
.action_date:hover{
	background-color: #2B6190 !important;
    background-color: var(--courses-color, #2B6190) !important;
	cursor: pointer;
}
.print_action, .copy_action, .account_action_copy, .printer_action{
	text-align: center;
	width: 75px;
	margin-bottom: 7px;
}
.print_action > div, .copy_action > div, .account_action_copy > div, .printer_action > div{
	width: 101%;
}
.action_favorite_label, .action_mutations_label{
	text-align: center;
}
.settings-valid {
    background-image: url(../images/action/check.svg) !important;
    background-position: left 0px top 1px !important;
    background-size: 20px;
	background-repeat: no-repeat;
    padding: 4px 10px 6px 26px;
    color: #3a7d34;
}
.settings-invalid{
    background-image: url(../images/action/error.svg) !important;
    background-position: left 0px top 1px !important;
    background-size: 20px;
	background-repeat: no-repeat;
    padding: 4px 10px 6px 26px;
    color: #ec3f41;
}

.select-cancel-action{
    width: 100%;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}
.error:not(.twitter-typeahead):not(.cke_inner), .-ufld-highlight-error-{
    background-image: url(../images/action/error.svg) !important;
    background-position: right 7px top 5px !important;
	background-size: 20px;
    padding: 7px 30px 7px 10px !important;
    border: 1px solid #de6c6c !important;
    background-repeat: no-repeat;
}
.cke_inner.error{
    border: 3px solid #e62424 !important;
}
.movecopy_radio .error:not(.twitter-typeahead){
	padding: 0px 30px 0px 0px !important;
}
.resid .error:not(.twitter-typeahead), .movecopy_radio .error:not(.twitter-typeahead){
	border-radius: 15px;
}
.twitter-typeahead.error input {
    background-image: url(../images/action/arrow-down-red.svg);
    border: 1px solid #de6c6c;
	background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-size: 19px;
}
.warning{
    background-image: url(../images/action/warning.svg) !important;
    background-position: right 7px top 5px !important;
	background-size: 20px;
    padding: 7px 35px 7px 10px !important;
    border: 1px solid #ffbc33 !important;
    background-repeat: no-repeat;
	margin: 10px 0;
}
.left-maildiv .warning{
	float: right !important;
	border-radius: 16px !important;
	margin-top: -32px !important;
	margin-left: 153px !important;
}
.password-almost-expired .warn{
	background-image: url(../images/action/warning.svg) !important;
	background-size: 20px;
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 8px;
    margin-top: -2px;
}
#person-address-area, #account-address-area{
	height: 1px;
	width: 1px;
    padding: 0;
    margin: 0;
    border: 0;
    float: left;
	resize: none;
	background-color: #fff;
}
#printableIframe{
    position: absolute;
    width: 100%;
    border: 0;
    color: #fff;
    height: 1px;
    resize: none;
    padding: 0;
    margin: 0;
    top: 0;
}
#person-address-content, #person-address-content div, #account-address-content, #account-address-content div{
    color: #fff; 
    float: left;
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 0;
    opacity: 0;
}

.oldNewAddresses h2{
	font-size: 1.25em !important;
}
.oldNewAddresses{
    float: left;
    width: 97%;
    margin-top: 30px;
}
.oldNewAddresses h2{
    margin-bottom: 10px;
}
.person-div .address-header{
    margin-top: 10px;
    float: left;
    width: 95%;
    font-weight: bold;
    margin-bottom: 15px; 
}
.person-div .address-header label{
    float: left;
}
.person-div .address-header input{
    float: right !important;
    margin-top: -6px !important;
}
.added-prod-table{
	margin: 10px 0;
	float: left;
	width: 100%;
}
.extra-prod-row{
	pointer-events: none;
}
.azure-button{
    width: 100% !important;
    margin-left: 34px !important;
}
.login-button:hover, .auth-button:hover, body.homepage.home .action_button:hover, .password_by_email:hover, .cancel_by_email:hover, .filter-dash .action_button{
	background-color: #384348 !important;
}
.auth-message label, .timeout-message label{
    width: 100% !important;
    margin-top: 0 !important;
}
#content-home.auth-block, #content-home.mail-login-block, #content-home.eset-login-block{
    margin: 107px auto;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 13px;
    margin-bottom: 0;
    display: none;
}
#content-home.mail-login-block label, #content-home.eset-login-block label{
	text-align: center;
}
.login-block .change_password_divs span{
	font-weight: normal !important;
	font-size: 0.95em !important;
}
.eset-login-block .auth-message label, .eset-login-block .timeout-message label{
	width: 100% !important;
}
.otp-link{
	text-decoration: underline;
	cursor: pointer;
	padding: 0 4px;
}
.otp-text, .otp-link{
	float: left;
}
.otp-div label{
	margin-top: 5px !important;
	width: 140px !important;
	text-align: left !important;
}
.otp-div label.otp-back{
	text-decoration: underline;
	cursor: pointer;
}
.otp-div .action_button{
	margin-top: 0 !important;
	float: left;
}
.otp-div .form-control{
	width: 130px !important;
}
.otp-div table{
	border-collapse: collapse;
}
#Authform, .otp-div{
    width: 100%;
}

.auth-label, .save-activity, .cancel-document-mail{
    float: left;
}
.cancel_action.doc{
    text-align: center;
    width: 60px;
}
.cancel_action .action_cancel{
    margin-left: 8px;
    background-image: url(../images/action/cancel.svg);
    background-size: 19px;
    background-position: center center;
    background-repeat: no-repeat;
}
.action_button.upl-inb-btn, .action_button.call-inb-btn{
    margin-left: 5px;
    display: none;
}
.auth-code{
    float: left;
    margin-top: 6px;
    width: 154px !important;
    margin-left: 30px;
}
.auth-button{
    margin-left: 31px !important;
    margin-top: 15px !important;
}
.auth-message, .timeout-message{
    text-align: left;
    color: #fff;
    padding: 10px 0px 15px 0px;
}
.agenda-datefilter{
    display: none;
    float: right;
    margin-right: 560px;
    margin-top: -35px;
}
.agenda-datefilter input{
    width: 130px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 3px;
}
.agenda-datefilter input, .agenda-datefilter label{
    float: left;  
}
.agenda-datefilter label{
    font-weight: bold;
    margin-top: 11px;
    margin-right: 8px;
}
.codes-page.page .left{
	width: 50%;
	float: left;	
}
.codes-page.page .dataTables_wrapper .dataTables_paginate{
	padding-top: 4px !important;
}
.upc, .upc input{
    text-transform: uppercase;
}
#mailSecondDiv input[type="checkbox"] + label::before{
	margin-right: 7px;
}
.call-div #person_search_form .tt-menu, .call-div #account_search_form .tt-menu{
	width: 132% !important;
}
.add-to-emails .tt-menu{
	width: 130% !important;
}

.notes-editor, .question-editor, .answer-editor{
	width: calc(100% - 9px);
	float: left;
	margin-top: 25px;
    margin-left: 9px;
}
.cke_button__base64image_icon{
	background-image: url('../images/action/image_icon.svg') !important;
}
.save-bottom-call{
	width: 82px;
    float: left;
	margin-left: 10px;
}
.call_details{
	width: 100%;
    float: left;
}
.ck-label{
	font-weight: bold;
    margin-bottom: 1px;
    display: block;
	margin-left: 10px;
    margin-top: 20px;
	margin-bottom: 5px;
    float: left;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

.callsTable tbody tr .status_img{
    margin-top: 3px;
}
.documentsTable tbody tr .document_img{
    width: 20px;
    margin-top: 5px;
}
.documentsTable tbody tr .download_img, .documentsTable tbody tr .preview_img, .documentBlockTable tbody tr .download_img, .documentBlockTable tbody tr .preview_img{
    width: 18px;
    margin-top: 2px;
}
.status_icon, .document_icon, .download_icon, .preview_icon{
    text-align: center;
    width: 35px;
}
.sortable-icon{
	visibility: hidden;
	display: inline-block;
    height: 0px;
    width: 0px;
    overflow: hidden;
}
.breadcrumbs font{
    margin-left: 5px;
    margin-right: 5px;
}
.breadcrumbs div, .breadcrumbs font{
	float: left;
	color: #fff;
	font-size: 1em;
}
.breadcrumbs div:hover{
	text-decoration: underline;
	cursor: pointer;
}
.mail-open{
	text-align: center !important;
    padding-left: 1px !important;
}
.left-float{
	float: left;
}
.select-folder, .select-mailbox, .search-mailbox{
	width: auto;
    position: relative;
    float: right;
    top: 16px;
}
.select-mailbox, .search-mailbox{
	margin-right: 13px;
	left: 5px;
}
.select-folder label, .select-mailbox label, .search-mailbox label{
    font-size: 0.9em;
    font-weight: bold;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}
.select-folder > span, .select-mailbox > span, .select-mailbox > input, .search-mailbox > span, .search-mailbox > input{
	float: left;
	width: 200px;
}

.notify{
	display: none;
    color: #fff;
    background: #2f3b40;
    width: 27px;
    height: 27px;
    padding: 0;
    text-align: center;
    border-radius: 15px;
    margin-left: -36px;
	margin-right: 8px;
    margin-top: 7px;
    cursor: default;
	float: right;
	z-index: 2;
	font-weight: bold;
}
input[type=radio]:checked + label:before{
	background: #6CA237;
    background: var(--accounts-color, #6CA237);
    font-size: 42px;
    text-align: center;
    line-height: 16px;
}

.ui-state-default.ui-state-active{
    color: #fff;
}
.slideout-menu .notify{
    margin-top: -89px !important;
    margin-left: 67px !important;
    width: 24px !important;
    height: 24px !important;
    float: left;
	font-weight: normal !important;
}
.slideout-menu .notify div{
	font-size: 11px !important;
}
.slideout-menu .notify div {
    margin-top: 6px;
    font-size: 13px;
	width: 24px !important;
	height: 24px !important;
}
.index.dashboard:not(.side) .notify div, .course-blocks-holder .notify div{
    margin-top: 6px;
    font-size: 13px;
	width: 27px !important;
	height: 27px !important;
}

.filter-feature-padding{
    display: block !important;
    padding-top: 8px;
    padding-left: 2px;
}
.featureDataTable .collcheckbox{
	margin-top: 8px !important;
}
.featureDataTable .form-control{
	margin: 0 !important;
}
.featureDataTable .form-control.infomode{
	border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
	padding-left: 0 !important;
}
.feature-div > section{
	width: 60% !important;
}
.feature-div .features{
	width: 70% !important;
}
.select-template-export, .select-word-template-export, .select-collstatus, .select-collective-action, .hide-columns, .collective-features-div, .collective-docdistr, .collective-delete-div, .collective-anonymize-div{
	width: 100%;
	display: none;
	float: left;
    margin-bottom: 20px;
}
.cancel-change-status, .cancel-excel-export, .cancel-word-export, .cancel-hide-columns, .cancel-features, .cancel-coursecancel, .cancel-bookingcancel, .cancel-rejection, .cancel-promotion, .cancel-docdistr{
	margin-left: 10px;
}
.export-excel-table, .export-word-table, .collstatus-table, .hide-columns-table, .connect-feature, .cancel-course-table, .cancel-booking-table, .print-course-table, .collective-docdistr table{
	width: 570px;
    border-collapse: collapse;
	float: right;
}
.collective-delete-div h2, .collective-anonymize-div h2 {
	width: 100%;
}
.collective-delete-div, .collective-anonymize-div{
	margin-bottom: 0px !important;
}
.collective-delete-div input[type=button], .collective-anonymize-div input[type=button]{
	margin-right: 10px;
	margin-top: 15px;
}
.collective-delete-div .lbl, .collective-anonymize-div .lbl{
	font-weight: bold;
}
.collective-delete-div .unifaceRadioLabel label{
	cursor: pointer;
}

.collective-delete-content, .collective-anonymize-content{
	width: 570px;
    float: right;
	margin-bottom: 10px;
}
.publish-modules-costs .modules-allcheck, .publish-modules-costs .costs-allcheck{
	margin-top: 0;
    float: left;
    margin-left: 5px;
	width: 165px;
}
.publish-modules-costs .modules-allcheck input, .publish-modules-costs .costs-allcheck input {
    float: left;
    margin-left: 6px;
}
.publish-modules-costs .modules-allcheck div, .publish-modules-costs .costs-allcheck div {
    margin-top: 3px;
    margin-left: 3px;
    float: left;
}
.publish-modules-costs .left-table, .publish-modules-costs .right-table{
	width: 50%;
	float: left;
	max-height: 400px;
	overflow-y: auto;
}
.question-editor.left-floater{
	width: calc(100% - 370px) !important;
	margin-top: 0 !important;
}
.mailparts-to-copy.right-floater{
	float: right !important;
    width: 340px !important;
    margin-top: 22px !important;
}
.mailparts-to-copy .max-height-scroller{
	max-height: 430px;
	overflow: auto;
	width: 100%;
	float: left;
}
.mailparts-to-copy .second.checkbox{
    float: left;
    word-break: break-word;
    min-height: 42px;
    width: 100px;
    margin-bottom: 10px;
}
.question-editor.left-floater .disabled_fieldset{
	right: calc(3% + 360px) !important;
}
.mailparts-to-copy > div.left{
	width: calc(100% - 350px) !important;
	float: left;
}
.mailparts-to-copy > div.right{
	margin-left: 10px;
	width: 340px !important;
}
.publish-modules-costs, .publish-modules-costs .bottom-buttons, .mailparts-to-copy strong, .mailparts-to-copy iframe, .mailparts-to-copy table{
	width: 100%;
	float: left;	
}
.mailparts-to-copy{
    float: left;
	margin-left: 10px;
    width: calc(100% - 10px);
    margin-top: 5px;
}
.mailparts-to-copy h2{
    width: 100%;
    margin-bottom: 25px;
}
.mailparts-to-copy strong{
	margin-bottom: 7px;
}
.mailparts-to-copy iframe{
    width: 99% !important;
    border: 1px solid #9d9d9d !important;
    max-height: 300px;
}
.mailparts-to-copy table tr td:first-child, .mailparts-to-copy table tr td:nth-child(3){
	width: 25px;
}
.mailparts-to-copy table img:hover, .mailparts-to-copy table input:hover{
	cursor: pointer;	
}
.mailparts-to-copy table tr td:last-child{
	width: 32px;
}
.mailparts-to-copy table tr td:last-child input{
    background-size: 16px !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: -6px !important;
}
.cancel-booking-table{
	margin-right: 5%;
}
.collective-docdistr label{
    float: left;
}
.collective-docdistr{
	margin-top: -15px !important;
}
.export-excel-table .twitter-typeahead, .export-word-table .twitter-typeahead, .collective-docdistr .twitter-typeahead {
	height: 39px !important;
}
.collective-docdistr input.typeahead{ 
    margin-top: 7px !important;
}

.cancel-action-td {
	width: 60%;
}
.reject-table, .promoteorder-table{
    width: 45%;
    border-collapse: collapse;
    float: left;
    margin-left: 48%;
	margin-bottom: 25px;
	margin-top: -14px;
}
.reject-table h3, .promoteorder-table h3{
    margin-bottom: 30px !important;
	margin-left: -7px;
}
.reject-table .first.bold, .promoteorder-table .first.bold{
    padding-top: 5px;
    float: left;
}
.reject-table .first.bold label, .promoteorder-table .first.bold label{
    float: left;
}
.collective-action-table tr td label{
    cursor: pointer !important;
}
.collective-action-table{
    width: 230px;
    border-collapse: collapse;
	float: right;
}

.myactivities-btn, .myopportunities-btn, .mycalls-btn, .mychanges-btn{
	float: right;
	cursor: pointer;
	margin: -2px 2px 0px 5px;
	background-repeat: no-repeat;
    background-size: 38px;
    border: 0;
    width: 38px;
    height: 36px;
    background-color: #fff;
}
.myactivities-btn, .myopportunities-btn, .mycalls-btn, .mychanges-btn{
	float: right !important;
	background-image: url(../images/action/my-activities.svg);
}
.hide-columns-btn{
    border: 0px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background-image: url(../images/action/column-eye.svg);
    background-color: #2A353B;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-top: 2px;
    background-position: 3px 3px;
    cursor: pointer;
    margin-left: 10px;
}
.save_colors{
	float: left;
	margin-right: 10px;
}
.btn-hold{
	float: left;
	margin-top: 10px;
}
.btn-hold input{
	margin-top: 0 !important;
}
.person-div, .persontype-div{
    display: none;
}
.persontype-div .contactDetailsSection{
	margin-left: 10px !important;
}

.header-overlay{
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    z-index: 66666;
	opacity: 0.4;
}

.accounts_home .header-overlay{
	background-color: #6CA237;
    background-color: var(--accounts-color, #6CA237);
}
.persons_home .header-overlay{
	background-color: #2C9BCE;
    background-color: var(--persons-color, #2C9BCE);
}
.activities_home .header-overlay{
    background-color: #718492;
    background-color: var(--activities-color, #718492);
}
.calls_home .header-overlay{
    background-color: #11905A;
    background-color: var(--calls-color, #11905A);
}
.documents_home .header-overlay{
    background-color: #AD2551;
    background-color: var(--documents-color, #AD2551);
}
.opportunities_home .header-overlay{
    background-color: #7C4F88;
    background-color: var(--opportunitie-color, #7C4F88);
}
.default_courses_home .header-overlay, .courses_home .header-overlay, .course_attendees_home .header-overlay, .coaches_home .header-overlay, .resources_home .header-overlay, .agenda_home .header-overlay, .webregs_home .header-overlay{
    background-color: #2B6190;
    background-color: var(--courses-color, #2B6190);
}
.planboard_home .header-overlay{
	background-color: #1A8C80;
    background-color: var(--planboard-color, #1A8C80);
}
.reports_home .header-overlay{
	background-color: #566496;
    background-color: var(--reports-color, #566496);
}
.alerts_home .header-overlay{
	background-color: #367125;
    background-color: var(--alerts-color, #367125);
}
.inbox_home .header-overlay{
	background-color: #D49F00;
    background-color: var(--inbox-color, #D49F00);
}
.adm_templates_home .header-overlay, .adm_maillogs_home .header-overlay, .adm_users_home .header-overlay, .adm_resources_home .header-overlay, .adm_counters_home .header-overlay, .adm_ledgers_home .header-overlay, .adm_acttypes_home .header-overlay, .adm_exactparams_home .header-overlay, .add-mailright input:hover{
	background-color: #868871;
    background-color: var(--admin-color, #868871);
}
.timewriting_home .header-overlay, .approvehours_home .header-overlay, .invoicehours_home .header-overlay{
	background-color: #FF5722;
    background-color: var(--timewriting-color, #FF5722);
}
.settings_home .header-overlay,.settings_home .sp-choose:hover{
	background-color: #BD3333 !important;
    background-color: var(--settings-color, #BD3333) !important;
}
.dashboards_home .header-overlay{
	background-color: #01738a;
    background-color: var(--dashboards-color, #01738a);
}
.approvehours_home .columns.two-third:not(.approvehours-section) .action_button, .invoicehours_home .columns.two-third:not(.invoicehours-section) .action_button{
	margin-bottom: 100px;
}
.approvehoursorder-div, .invoicehoursorder-div{
	margin-top: -80px;
    float: left;
}
.approvehoursorder-div .artikelor02 span, .approvehoursorder-div .d_bedragor02 span, .invoicehoursorder-div .artikelor02 span, .invoicehoursorder-div .d_bedragor02 span{
	border: 1px solid #fff !important;
    border-bottom: 1px solid #ccc !important;
    cursor: default;
}
.approvehoursorder-div .orderLinesTable tbody td:not(.artomsp10), .invoicehoursorder-div .orderLinesTable tbody td:not(.artomsp10),
.approvehoursorder-div .opp_label, .approvehoursorder-div .org_label, .approvehoursorder-div .pers_label,
.invoicehoursorder-div .opp_label, .invoicehoursorder-div .org_label, .invoicehoursorder-div .pers_label{
	pointer-events: none;
}
.invoicehours_home .close-popup.close, .approvehours_home .close-popup.close{
	position: relative !important;
	float: right;
	right: 2%;
	top: 50px;
	display: none;
}
.counters-page .action_button, .ledgers-page .action_button{
	margin-top: 0 !important;
}
.dmisko01_verslagko01{
	float: left;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 6px;
	margin-top: -20px;
	width: 100%;
}
.ledgers-page .action_button, .ledgers-page .add-new-row{
	margin-bottom: 25px;
	float: left;
	margin-right: 10px;
}
.ledgers-page .add-new-row{
	display: none;
	width: 420px !important;
}
.ledgers-page .add-new-row .first{
	width: 155px !important;
}
.ledgers-page .add-new-row .second{
	width: calc(100% - 155px) !important;
}
.timewritingorder-div{
	margin-top: 15px;
    float: left;	
}
.timewritingorder-div .order-div{
	margin-left: 0 !important;
}

.approvehours_home .order-div, .invoicehours_home .order-div, .timewriting_home .order-div {
	padding-bottom: 100px !important;
}
.timepage .accordedcell input, .timepage .invoicedcell input{
	color: #2a353b !important;
}
.color-left{
    margin-right: 40px;
}
.tag-values, .boolean-values, .date-values, .custom-values, .empty-values{
	display: none;
}
.little{
	width: 21px;
	margin: 0 auto;
    padding: 0;
}
.filters-table thead tr th{
	padding-bottom: 10px;
}
.filters-table .form-control:focus, .filter-table  .form-control:focus{
	box-shadow: none !important;
}
.del{
	margin: 0 auto;
    text-align: center;
}
.center{
	text-align: center !important;
	cursor: pointer !important;
}
.column-small{
	width: 35px;
}
.column-icon{
	width: 68px;
}
.column-width{
	width: 80px;
}

.date-width{
	width: 114px;
	min-width: 80px;
}
.more-emails-btn{
	float: right;
    margin-top: -38px !important;
    margin-right: 190px;
}
.refresh-emails-btn{
	width: 30px;
	height: 30px;
	margin-top: 4px;
	margin-left: 8px;
	background-image: url(../images/action/refresh.svg);
	background-size: 25px;
	background-color: transparent;
	background-repeat: no-repeat;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 0px;
	cursor: pointer;
}
.filter-page h2{
	margin-left: 0 !important;
}
.companytemplates thead th label{
	padding-left: 3px;
	font-weight: bold;
}
.companytemplates tfoot td label{
	padding-left: 3px;
	font-weight: bold;
}
.jqstb-scroll{
	height: 350px !important
}
.nowrap{
	white-space: nowrap;
}
.nowrap span{
	outline: 0;
    cursor: default;
}
.nopointer{
	pointer-events: none;
}

.activityBlockTable tr.detail_row iframe, .relActivityBlockTable tr.detail_row iframe, .callBlockTable tr.detail_row iframe, .activitiesTable tr.detail_row iframe, .callsTable tr.detail_row iframe{
	border:0;
	background-color: #fff;
	width: 100%;
}
.grid-stack-item .detail_row h2{
	width: 100%;
}
.details_container{
	width: 100%;
	display: inline-table;
	margin-top: 10px;
}
.details_container .grid-stack-item-content .myTable tbody tr.detail_row > td{
	background-color: #fff !important;
	color: #111 !important;
}
.nobackground{
    background-image: none !important;
    border: 0 !important;
}
.no-background{
	background-image: none !important;
	padding-left: 0 !important;
}
.total-emails{
    font-weight: bold;
    float: right;
    margin-right: 326px;
    margin-top: -32px;
}
#inbox-table > tbody > tr[read="true"]:not(.added-row){
	font-weight: normal !important;
}
.featurebox{
	position: absolute;
    top: 0;
    left: 0;
}
.featurediv{
	position: relative;
    height: 23px;
    width: 26px;
    padding: 0;
    margin: 0;	
}
.hidden_date{
	display: none;
}
.wrapper.lowgraph{
	width: 100% !important;
}
.affiliation-div .contactDetailsSection{
	width: 60% !important;
}
.pdfFrame{ 
	height: 500px;
	width: 1px;
	min-width: 100%;
	*width: 100%;
	border: 0;
}
.previewHeader{ 
	margin-top: 0px;
}
.imageHolder img{
	max-width: 550px;
	max-height: 450px;
    cursor: pointer;
}
.docdownload{
	margin-bottom: 30px !important;
}
#Filename span, .d_dep{
	border: 0px !important;
}

.color-btns{
	width: 100%;
	float: left;
    margin-bottom: 30px;
}
.featureTable thead tr, .dmisc02Table thead tr, .dmisc03Table thead tr, .dmisc05Table thead tr, .dmisc13Table thead tr, .dmisc16Table thead tr, .dmml53Table thead tr, .dmml54Table thead tr, .dmml55Table thead tr{
    height: 33px;
}

.sorting_asc, .feature-input.asc, .feature-dt.asc, .orderLinesTable thead th label.desc, .quotationLinesTable thead th label.desc, .histQuotationLinesTable thead th label.desc{
	background-image: url("../images/action/sort-down.svg");
	background-repeat: no-repeat;
    background-size: 9px;
    background-position: left 6px top 23px;	
}
.sorting_desc, .feature-input.desc, .feature-dt.desc, .orderLinesTable thead th label.asc, .quotationLinesTable thead th label.asc, .histQuotationLinesTable thead th label.asc{
	background-image: url("../images/action/sort-up.svg");
	background-repeat: no-repeat;
    background-size: 9px;
    background-position: left 6px top 23px;	
}
.orderLinesTable thead th label, .quotationLinesTable thead th label, .histQuotationLinesTable thead th label.asc{
    background-position: left 0px top 16px !important;
    height: 21px !important;
    padding-bottom: 9px !important;
}
.orderLinesTable thead th:hover, .quotationLinesTable thead th:hover, .histQuotationLinesTable thead th:hover{
	text-decoration: underline;
}
.spinner:not(.error){
	background-image: url("../images/spinner.svg") !important;
    background-size: 30px !important;
    background-position: right 0px !important;
    background-repeat: no-repeat !important;
}
.timepage .spinner{
    height: 32px;
    float: left;
    width: 50%;
    margin-top: 22px;
}

.timepage .orders #orderOms strong {
    width: 100px;
    float: left;
}

.timepage .orders #orderOms > div:first-child{
    width: 65%;
    float: left;
}
.timepage .orders #orderOms > div:last-child{
    width: 35%;
    float: left; 
}
.custom-act-pref-row{
	display: none;
	width: 320px;
	margin-top: 15px;
}
#select_myacts_typeahead{
	width: 320px !important;
}
.act-pref-from, .act-pref-to{
	width: 90px !important;
	float: right !important;
}
.custom-act-pref-row strong{
	float: left;
    margin-top: 6px;
    font-weight: normal !important;
}
.cancel-filter{
	display: none;
	background-color: #2a353b;
    border: 0;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    right: 14px;
    position: absolute;
    margin-top: -43px;
    background-image: url(../images/action/cancel.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    cursor: pointer;
}
.collapse-filter-menu{
	display: block;
    border: 0;
    width: 39px;
    height: 55px;
    right: 0;
    position: absolute;
	border-radius: 0 0 0 10px;
    background-image: url(../images/action/open-filter-arrow.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center 10px;
    cursor: pointer;
	top: calc(15% + 39px);
    text-align: center;
}
.accounts_home .collapseButtons label, .accounts_home .collapse-filter-menu{
	background-color: #6CA237;
	background-color: var(--accounts-color, #6CA237);
}
.persons_home .collapseButtons label, .persons_home .collapse-filter-menu{
	background-color: #2C9BCE;
	background-color: var(--persons-color, #2C9BCE);
}
.activities_home .collapseButtons label, .activities_home .collapse-filter-menu{
	background-color: #718492;
	background-color: var(--activities-color, #718492);
}
.calls_home .collapseButtons label, .calls_home .collapse-filter-menu{
	background-color: #11905A;
	background-color: var(--calls-color, #11905A);
}
.opportunities_home .collapseButtons label, .opportunities_home .collapse-filter-menu{
	background-color: #7C4F88;
	background-color: var(--opportunities-color, #7C4F88);
}
.orders_home .collapseButtons label, .orders_home .collapse-filter-menu{
	background-color: #1d5c6d;
	background-color: var(--orders-color, #1d5c6d);
}
.quotations_home .collapseButtons label, .quotations_home .collapse-filter-menu{
	background-color: #537052;
	background-color: var(--quotations-color, #537052);
}
.documents_home .collapseButtons label, .documents_home .collapse-filter-menu{
	background-color: #AD2551;
	background-color: var(--documents-color, #AD2551);
}
.alerts_home .collapseButtons label, .alerts_home .collapse-filter-menu{
	background-color: #367125;
	background-color: var(--alerts-color, #367125);
}
.planboard_home .collapseButtons label, .planboard_home .collapse-filter-menu{
	background-color: #1A8C80;
    background-color: var(--planboard-color, #1A8C80);
}
.reports_home .collapseButtons label, .reports_home .collapse-filter-menu{
	background-color: #566496;
	background-color: var(--reports-color, #566496);
}
.course_attendees_home .collapseButtons label, .courses_home .collapseButtons label, .default_courses_home .collapseButtons label, .webregs_home .collapseButtons label,
.course_attendees_home .collapse-filter-menu, .courses_home .collapse-filter-menu, .default_courses_home .collapse-filter-menu, .webregs_home .collapse-filter-menu,
.resources_home .collapseButtons label, .resources_home .collapse-filter-menu{
	background-color: #2B6190;
	background-color: var(--courses-color, #2B6190);
}
.dashboards_home .collapseButtons label, .dashboards_home .collapse-filter-menu{
	background-color: #01738a;
	background-color: var(--dashboards-color, #01738a);
}
.expanded-filter-icon{
    background-image: url(../images/action/collapse-filter-arrow.svg);
}
.myTable thead tr th input.filter-icon{
	background-image: url(../images/action/filter_dark.svg);
	background-repeat: no-repeat;
	background-size: 12px;
    background-color: transparent;
    border: 0;
    background-position: 0px 5px;
	cursor: pointer;
	margin-left: 2px;
	width: 12px;
}
.myTable thead tr th input.filtered{
	background-image: url(../images/action/filter_green.svg);
}
div.filter-lst{
    position: absolute;
    width: auto;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    background-color: #fff;
    max-height: 260px;
	padding: 10px 5px 5px 5px;
    border-radius: 4px;
    box-shadow: -2px 0px 9px 0px #666;
	z-index: 111;
	margin-top: 7px;
}
div.filter-lst ul{
    padding: 0;
    margin: 0;
	max-height: 225px;
    overflow: auto;
}
div.filter-lst ul li{
    font-weight: normal;
	color: #111;
}
div.filter-lst ul li span{
	margin-top: -23px;
    display: block;
    margin-left: 23px;
    padding-right: 10px;
    min-height: 16px;
    margin-bottom: 6px;
}
div.filter-lst ul li input[type=checkbox]{
	margin-top: 3px;
}
div.filter-lst > input{
    margin-top: 10px;
    margin-bottom: 5px;
	margin-right: 10px;
}
.dash .dataTables_filter{
	display: none;
}
.invite-person{
	display: none;
	width: 100%;
	float: left;
}
.companytemplates{
	width: 100%;
	border-collapse: collapse;
}
.companytemplates thead th {
	text-align: left;
	padding-right: 10px;
}
.popup-table{
	padding: 9px;
	margin-bottom: 10px;
}
.template-div .popup-table{
    float: left;
 	margin-bottom: 0 !important;
    width: 100%;
}
.adm_templates_home .template-div .popup-title{
    float: left;
    width: 100%;
}
.companytemplates tbody td {
	text-align: left;
	padding: 4px;
}
.companytemplates tbody tr.-uocc-cur- span:not(.twitter-typeahead){
	color: #fff;
}
.create-template-table .action_button label{
    cursor: pointer;
}
.create-template-popup .template_buttons .action_button {
	float: left;
}

.create-template-popup .errormessage{
	margin-top: 14px !important;;
}

.companytemplates tbody td input:not(.checktemplate), .create-template-popup .typeahead, .select-template-fields-popup .typeahead{
    border: 1px solid #ccc;
    padding: 7px 12px;
    border-radius: 16px;
}
.featureTable tbody td input, .featureTable tbody td span{
	width: 100%;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.companytemplates tbody td input{
	width: calc(100% - 24px);	
}
.cbox{
	width: 17px;
}
.featureTable .omsc{
	min-width: 170px !important;
}
.featureTable .oms{
	width: calc(55% - 27px);
}
.feature-input{
	width: calc(20% - 27px);
}
.add_btn, .unifaceRadio{
	margin-bottom: 10px;
}
.filter-select .display-none{
	display: none;
}
.filesContainer table {
	width: 100%;
	margin-bottom: 10px;
}
.filesContainer table td {
	padding: 5px 7px 5px 7px;
}
.filesContainer table tr:not(:first-child) td {
	border-top: 1px solid #ccc;
}
.filesContainer .uploadBtn, .filesContainer .progressCol, .filesContainer .downloadCol, .filesContainer .removeCol {
	display: none;
}
.filesContainer.upload .uploadBtn {
	display: inline-block;
}
.filesContainer.upload .progressCol, .filesContainer.upload .removeCol, .filesContainer.download .downloadCol {
	display: table-cell;
}
.filesContainer.upload .progressCol {
	position: relative;
	min-width: 100px;
}
.filesContainer.upload .progressCol progress {
	padding: 0;
	width: 100%;
	height: 16px;
	border: 0;
}
.filesContainer.upload .progressCol span {
	position: absolute;
	width: calc(100% - 14px);
	height: 16px;
	left: 0;
	text-align: center;
	color: #111;
	background-color: transparent;
	margin: 0 7px;
}
.header-title .dropContainer {
	display: none;
    width: 10vh;
    height: 10vh;
    float: right;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border: 2px dashed white;
	background-size: 55px 55px !important;
	transition: all .2s ease-in-out;
    margin-left: 3%;
    position: absolute;
    right: 80px;
    top: calc(2.5vh - 2px);
	z-index: 100000;
}
.header-title .dropContainer:hover{
	transform: scale(1.1);
	cursor: pointer;
}
.header .filesContainer.upload .uploadBtn, .header .filesContainer table, .documentDetailsShow .filesContainer.upload .removeCol {
	display: none;
}
.documentDetailsShow .filesContainer .filenameCol span{
	font-size: 0.9em !important;
}
.documentDetailsShow .action_button{
	float: left;
	margin-right: 10px;
}
.download-row-btn, .delete-row-btn {
	background-color: transparent;
    border: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/action/download.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    cursor: pointer;
	padding: 5px;
}
.delete-row-btn{
	background-image: url(../images/action/close.svg) !important;
}
.download-row-btn[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}
.userTasksTable tr.taskrow_unseen{
	font-weight: bold;
}
.userTasksTable tbody td.D_DOWNLOAD, .userTasksTable tbody td.D_DELETE {
	text-align: center;	
}
.userTasksTable tr.taskrow_selected td:not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.D_DELETE):not(.collectivecheck){
	background-color: #bbb;
}
.status_img.taskcompleted, .status_img.taskplanned, .status_img.taskfailed, .status_img.taskfuture{
	background-repeat: no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	margin-top: -13px;
}
.status_img.taskcompleted{
	background-image: url(../images/action/check.svg);
}
.status_img.taskplanned{
	background-image: url(../images/action/future_orange.svg);
}
.status_img.taskfailed{
	background-image: url(../images/action/past_red.svg);
}
.status_img.taskfuture{
	background-image: url(../images/action/future_blue.svg);
}
.refresh-tasks{
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(../images/action/refresh.svg);
	background-size: 22px;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	margin-top: -25px;
}
.tasks-spinner{
	display: none;
	float: left;
	margin-right: 8px;
	animation: rotaterefresh 2s infinite linear;
}

.delalltasks_holder{
	display: none;
	float: left;
	width: 100%;
}
.delalltasks_holder .action_button{
	float: left;
	margin-top: 6px;
	line-height: 29px !important;
}

.myTable:not(.userTasksTable) tr:hover .download-row-btn {
    background-image: url(../images/action/download-white.svg);
}
.remove-row-btn, .remove-invite-btn, .remove-linkeduser-btn, .remove-reportselection-btn{
    background-color: #cc384e;
    border: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url(../images/action/cancel.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    cursor: pointer;
	padding: 5px;
}
.screen-reportselection-btn {
	background-color: #2a353b;
    border: 0;
	background-image: url(../images/action/more.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
	padding: 5px;
	position: absolute;
	top: 11px;
	right: 12px;
    background-size: 21px;
    width: 36px;
    height: 22px;
    border-radius: 15px;
}
.screen-reportselection-btn:hover {
    background-color: #566496 !important;
    background-color: var(--reports-color, #566496) !important;	
}
.reportselection {
	padding-right: 30px !important;
}
.reportSelectionPopup h1 {
	margin-bottom: 5px;
}
.reportSelectionPopup h3 {
	margin-top: 0px;
	text-align: center;
}
.reportSelectionPopup label, .selectionFilterPopup label, .planitemArticlePopup label {
	font-size: 0.9em !important;
	font-weight: bold;
	margin-bottom: 5px;
    display: block;
}
.selectionFilterPopup .entContainer {
	max-height: calc(80vh - 207px);
    overflow: auto;
}
.selectionFilterPopup .entContainer .entContainer {
	margin-left: 20px;
    position: relative;
	max-height: initial;
    overflow: initial;
}
.selectionFilterPopup .entContainer .entNode {
	margin-top: 0px;
	margin-bottom: 10px;
}
.selectionFilterPopup .entContainer .entContainer .entNode {
    margin-left: 10px;
}
.selectionFilterPopup .entContainer .entContainer::before {
    content: "";
    border-left: 1px dashed black;
    border-bottom: 1px dashed black;
    width: 5px;
    height: 20px;
    position: absolute;
    top: -5px;
}
.selectionFilter:after {
	content: ""; 
	clear: both; 
	display: block;
}
.selectionFilter .ontdubbel {
	display: none;
}
.selectionFilter .linkAuthorisation {
	margin-top: 0 !important;
}
.selectionFilter .filterDeelsel > div > div:first-child .linkType,
.selectionFilter .filterDeelsel > div > div:first-child .deleteBlock {
	display: none;
}
.selectionFilter .linkType {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.selectionFilter .linkType > div {
	width: 120px;
	float: left;
	text-align: center;
	opacity: 0.4;
	cursor: pointer;
} 
.selectionFilter .linkType label {
	cursor: pointer;
} 
.selectionFilter .linkType[data-val="D"] > div.D,
.selectionFilter .linkType[data-val="V"] > div.V,
.selectionFilter .linkType[data-val="I"] > div.I,
.selectionFilter .linkType[data-val="E"] > div.E,
.selectionFilter .linkType > div:hover {
	opacity: 1;
} 
.selectionFilter .filterDeelsel .linkType > div > div {
	width: 42px;
	height: 50px;
	position: relative;
    margin: auto;
} 
.selectionFilter .linkType .left,
.selectionFilter .linkType .inner,
.selectionFilter .linkType .right {
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px;
	box-shadow: 0 0 9px rgba(0,0,0,0.25);
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(#f7f7f7,#f2f2f2);
    background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: linear-gradient(to bottom,#f7f7f7,#f2f2f2);
    border-radius: 9px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.33) inset;
}
.selectionFilter .linkType .right {
	top: 15px;
	left: 10px;
}
.selectionFilter .linkType .inner {
	top: 15px;
	left: 10px;
	width: 20px;
	height: 15px;
	border-radius: 9px 0px 9px 0px;
}
.selectionFilter .linkType .D .inner,
.selectionFilter .linkType .V .left,
.selectionFilter .linkType .I .left,
.selectionFilter .linkType .I .inner,
.selectionFilter .linkType .I .right,
.selectionFilter .linkType .E .left,
.selectionFilter .linkType .E .right {
	background-color: #2a353b;
    background-image: none;
}
.selectionFilter .selectionItemAddRow .add_block {
	top: 10.5px;
}
.selectionFilter .deleteBlock {
	float: right;
	margin-right: 10px;
	background: url(../images/action/trash.svg) no-repeat;
	background-color: #2a353b;
	background-size: 20px;
	background-position: 10px 3px;
	padding-left: 32px;
}
.selectionFilter .addBlock {
	float: right;
	margin-right: 10px;
	background: url(../images/action/add.svg) no-repeat;
	background-color: #2a353b;
	background-size: 14px;
	background-position: 10px 8px;
	padding-left: 27px;
}
.selectionFilter .saveFilter, .copy_selection .saveFilter {
    background-image: url(../images/action/save.svg);
	background-repeat: no-repeat;
    background-size: 15px;
    background-position: 13px 7px;
	margin-left: 168px;
}
.copy_selection .saveFilter {
	margin-left: 0 !important;
	padding-left: 38px;
}
.selectionFilter .deleteFilter {
    background: url(../images/action/trash.svg) no-repeat;
	background-size: 20px;
	background-position: 9px 4px;
}
.selectionFilter .editFilter {
    background: url(../images/action/edit.svg) no-repeat;
	background-size: 16px;
	background-position: 11px 6px;
}
.selectionFilter .saveFilter,
.selectionFilter .deleteFilter,
.selectionFilter .editFilter {
	display: none;
    float: left;
    padding-left: 34px;
	margin-right: 10px;
    background-color: #2a353b;
}
.selectionFilter.isEditable.editMode .saveFilter,
.selectionFilter.isEditable.editMode .deleteFilter,
.selectionFilter.isEditable.infoMode .editFilter {
	display: block;
}
.selectionItemAddRow .addBlock{
	margin-top: 0px !important;
}
.selectionFilter.infoMode .selectionItemName {
	background-color: transparent;
	border: none;
	pointer-events: none;
}
.add-field-container .add-field-btn{
    border: 0 !important;
    padding: 1px 6px !important;
    margin-top: 2px !important;
}
.selectionFilter .selectionItemName {
	width: calc(100% - 160px);
}
.selectionFilter  .entityContainer {
	width: 26%;
}
.selectionFilter  .fieldContainer {
	width: 27%;
}
.selectionFilter  .operatorContainer {
	width: 17%;
}
.selectionFilter  .fieldValContainer {
	width: 25%;
}
.selectionFilter  .deleteContainer {
	width: 5%;
}
.selectionFilter .fieldValContainer.addItemAvailable {
	padding-right: 30px !important;
}
.selectionFilter .fieldValContainer:not(.addItemAvailable) > .add-field-btn {
	display: none;
}
.selectionFilter .fieldValContainer > .form-control {
	padding: 0px 3px;
	height: auto;
	max-height: 100px;
	overflow: auto !important;
	white-space: normal;
	min-height: 32px;
	background-color: #f7f7f7;
}
.selectionFilter .fieldValContainer ul {
	margin: 0;
	padding: 0;
}
.selectionFilter .fieldValContainer  li:not(.-uocc-empty-) {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.selectionFilter .fieldValContainer li .edit-field-btn,
.selectionFilter .fieldValContainer li .remove-field-btn {
	background: none;
	border: none;
	color: #fff;
	-webkit-text-fill-color: #FFF;
	margin: 2px 5px 2px 0;
}
.selectionFilter .fieldValContainer li .edit-field-btn {
	display: inline-block;
	background-color: #2a353b;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
	padding: 6px 25px 7px 7px;
    font-size: 0.8em;
	height: 26px;
	min-width: 37px;
	font-size: 1em !important;
}
.selectionFilter .fieldValContainer li .edit-field-btn:hover {
	opacity: 0.9;
}
.selectionFilter .fieldValContainer li .edit-field-btn[value=""], 
.selectionFilter .fieldValContainer li .edit-field-btn:not([value]) {
	background-image:url(../images/action/more.svg);
	background-repeat: no-repeat;
	background-size: 21px;
	background-position: 8px 2.5px;
	width: 39px;
}
.selectionFilter .fieldValContainer li .edit-field-btn[value=""] + .remove-field-btn, 
.selectionFilter .fieldValContainer li .edit-field-btn:not([value]) + .remove-field-btn {
	display: none;
}
.selectionFilter .fieldValContainer li .remove-field-btn {
	position: absolute;
	right: 5px;
	top: 5px;
}
.selectionFilter .fieldValContainer li .remove-field-btn:hover {
	color: #111;
}
.selectionFilter .fieldValContainer .add-field-btn:hover {
	background-color: #2a353b !important;
	opacity: 0.8;
}
.selectionFilter .fieldValContainer .add-field-container {
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	display: none;
    padding: 0 6px 0 6px;
    align-items: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.selectionFilter .fieldValContainer.editItem > .form-control, .selectionFilter .fieldValContainer.editItem > .add-field-btn {
	display: none;
}
.selectionFilter .fieldValContainer.editItem > .add-field-container {
    display: flex;
}
/* selectionFilter - accounts */
body.accounts_home .selectionFilter .linkType .left,
body.accounts_home .selectionFilter .linkType .inner,
body.accounts_home .selectionFilter .linkType .right {
	border: 1px solid #6CA237 !important;
    border: 1px solid var(--accounts-color, #6CA237) !important;
}
body.accounts_home .selectionFilter .linkType .D .inner,
body.accounts_home .selectionFilter .linkType .V .left,
body.accounts_home .selectionFilter .linkType .I .left,
body.accounts_home .selectionFilter .linkType .I .inner,
body.accounts_home .selectionFilter .linkType .I .right,
body.accounts_home .selectionFilter .linkType .E .left,
body.accounts_home .selectionFilter .linkType .E .right,
body.accounts_home .selectionFilter .fieldValContainer li .edit-field-btn {
	background-color: #6CA237;
	background-color: var(--accounts-color, #6CA237);
}
/* selectionFilter - persons */
body.persons_home .selectionFilter .linkType .left,
body.persons_home .selectionFilter .linkType .inner,
body.persons_home .selectionFilter .linkType .right {
	border: 1px solid #2C9BCE !important;
    border: 1px solid var(--persons-color, #2C9BCE) !important;
}
body.persons_home .selectionFilter .linkType .D .inner,
body.persons_home .selectionFilter .linkType .V .left,
body.persons_home .selectionFilter .linkType .I .left,
body.persons_home .selectionFilter .linkType .I .inner,
body.persons_home .selectionFilter .linkType .I .right,
body.persons_home .selectionFilter .linkType .E .left,
body.persons_home .selectionFilter .linkType .E .right,
body.persons_home .selectionFilter .fieldValContainer li .edit-field-btn{
	background-color: #2C9BCE;
	background-color: var(--persons-color, #2C9BCE);
}
/* selectionFilter - activities */
body.activities_home .selectionFilter .linkType .left,
body.activities_home .selectionFilter .linkType .inner,
body.activities_home .selectionFilter .linkType .right {
	border: 1px solid #718492 !important;
    border: 1px solid var(--activities-color, #718492) !important;
}
body.activities_home .selectionFilter .linkType .D .inner,
body.activities_home .selectionFilter .linkType .V .left,
body.activities_home .selectionFilter .linkType .I .left,
body.activities_home .selectionFilter .linkType .I .inner,
body.activities_home .selectionFilter .linkType .I .right,
body.activities_home .selectionFilter .linkType .E .left,
body.activities_home .selectionFilter .linkType .E .right,
body.activities_home .selectionFilter .fieldValContainer li .edit-field-btn{
	background-color: #718492;
	background-color: var(--activities-color, #718492);
}
/* selectionFilter - inbox */
body.documents_home .selectionFilter .linkType .left,
body.documents_home .selectionFilter .linkType .inner,
body.documents_home .selectionFilter .linkType .right {
	border: 1px solid #AD2551 !important;
    border: 1px solid var(--documents-color, #AD2551) !important;
}
body.documents_home .selectionFilter .linkType .D .inner,
body.documents_home .selectionFilter .linkType .V .left,
body.documents_home .selectionFilter .linkType .I .left,
body.documents_home .selectionFilter .linkType .I .inner,
body.documents_home .selectionFilter .linkType .I .right,
body.documents_home .selectionFilter .linkType .E .left,
body.documents_home .selectionFilter .linkType .E .right,
body.documents_home .selectionFilter .fieldValContainer li .edit-field-btn{
    background-color: #AD2551;
    background-color: var(--documents-color, #AD2551);
}
/* selectionFilter - opportunities */
body.opportunities_home .selectionFilter .linkType .left,
body.opportunities_home .selectionFilter .linkType .inner,
body.opportunities_home .selectionFilter .linkType .right {
	border: 1px solid #7C4F88 !important;
    border: 1px solid var(--opportunities-color, #7C4F88) !important;
}
body.opportunities_home .selectionFilter .linkType .D .inner,
body.opportunities_home .selectionFilter .linkType .V .left,
body.opportunities_home .selectionFilter .linkType .I .left,
body.opportunities_home .selectionFilter .linkType .I .inner,
body.opportunities_home .selectionFilter .linkType .I .right,
body.opportunities_home .selectionFilter .linkType .E .left,
body.opportunities_home .selectionFilter .linkType .E .right,
body.opportunities_home .selectionFilter .fieldValContainer li .edit-field-btn{
    background-color: #7C4F88;
    background-color: var(--opportunities-color, #7C4F88);
}
/* selectionFilter - inbox */
body.inbox_home .selectionFilter .linkType .left,
body.inbox_home .selectionFilter .linkType .inner,
body.inbox_home .selectionFilter .linkType .right {
	border: 1px solid #D49F00 !important;
    border: 1px solid var(--inbox-color, #D49F00) !important;
}
body.inbox_home .selectionFilter .linkType .D .inner,
body.inbox_home .selectionFilter .linkType .V .left,
body.inbox_home .selectionFilter .linkType .I .left,
body.inbox_home .selectionFilter .linkType .I .inner,
body.inbox_home .selectionFilter .linkType .I .right,
body.inbox_home .selectionFilter .linkType .E .left,
body.inbox_home .selectionFilter .linkType .E .right,
body.inbox_home .selectionFilter .fieldValContainer li .edit-field-btn{
	background-color: #D49F00;
	background-color: var(--inbox-color, #D49F00);
}
/* selectionFilter - reports */
body.reports_home .selectionFilter .linkType .left,
body.reports_home .selectionFilter .linkType .inner,
body.reports_home .selectionFilter .linkType .right {
	border: 1px solid #566496 !important;
    border: 1px solid var(--reports-color, #566496) !important;
}
body.reports_home .selectionFilter .linkType .D .inner,
body.reports_home .selectionFilter .linkType .V .left,
body.reports_home .selectionFilter .linkType .I .left,
body.reports_home .selectionFilter .linkType .I .inner,
body.reports_home .selectionFilter .linkType .I .right,
body.reports_home .selectionFilter .linkType .E .left,
body.reports_home .selectionFilter .linkType .E .right,
body.reports_home .selectionFilter .fieldValContainer li .edit-field-btn{
	background-color: #566496;
	background-color: var(--reports-color, #566496);
}
/* selectionFilter - calls */
body.calls_home .selectionFilter .linkType .left,
body.calls_home .selectionFilter .linkType .inner,
body.calls_home .selectionFilter .linkType .right {
	border: 1px solid #11905A !important;
    border: 1px solid var(--calls-color, #11905A) !important;
}
body.calls_home .selectionFilter .linkType .D .inner,
body.calls_home .selectionFilter .linkType .V .left,
body.calls_home .selectionFilter .linkType .I .left,
body.calls_home .selectionFilter .linkType .I .inner,
body.calls_home .selectionFilter .linkType .I .right,
body.calls_home .selectionFilter .linkType .E .left,
body.calls_home .selectionFilter .linkType .E .right,
body.calls_home .selectionFilter .fieldValContainer li .edit-field-btn{
	background-color: #11905A;
	background-color: var(--calls-color, #11905A);
}
/* selectionFilter - courses */
body.courses_home .selectionFilter .linkType .left, 
body.courses_home .selectionFilter .linkType .inner, 
body.courses_home .selectionFilter .linkType .right, 
body.course_attendees_home .selectionFilter .linkType .left, 
body.course_attendees_home .selectionFilter .linkType .inner, 
body.course_attendees_home .selectionFilter .linkType .right, 
body.coaches_home .selectionFilter .linkType .left, 
body.coaches_home .selectionFilter .linkType .inner, 
body.coaches_home .selectionFilter .linkType .right, 
body.agenda_home .selectionFilter .linkType .left, 
body.agenda_home .selectionFilter .linkType .inner, 
body.agenda_home .selectionFilter .linkType .right {
	border: 1px solid #2B6190 !important;
    border: 1px solid var(--courses-color, #2B6190) !important;
}
body.courses_home .selectionFilter .linkType .D .inner,
body.courses_home .selectionFilter .linkType .V .left,
body.courses_home .selectionFilter .linkType .I .left,
body.courses_home .selectionFilter .linkType .I .inner,
body.courses_home .selectionFilter .linkType .I .right,
body.courses_home .selectionFilter .linkType .E .left,
body.courses_home .selectionFilter .linkType .E .right,
body.courses_home .selectionFilter .fieldValContainer li .edit-field-btn,
body.course_attendees_home .selectionFilter .linkType .D .inner,
body.course_attendees_home .selectionFilter .linkType .V .left,
body.course_attendees_home .selectionFilter .linkType .I .left,
body.course_attendees_home .selectionFilter .linkType .I .inner,
body.course_attendees_home .selectionFilter .linkType .I .right,
body.course_attendees_home .selectionFilter .linkType .E .left,
body.course_attendees_home .selectionFilter .linkType .E .right,
body.course_attendees_home .selectionFilter .fieldValContainer li .edit-field-btn,
body.coaches_home .selectionFilter .linkType .D .inner,
body.coaches_home .selectionFilter .linkType .V .left,
body.coaches_home .selectionFilter .linkType .I .left,
body.coaches_home .selectionFilter .linkType .I .inner,
body.coaches_home .selectionFilter .linkType .I .right,
body.coaches_home .selectionFilter .linkType .E .left,
body.coaches_home .selectionFilter .linkType .E .right,
body.coaches_home .selectionFilter .fieldValContainer li .edit-field-btn,
body.agenda_home .selectionFilter .linkType .D .inner,
body.agenda_home .selectionFilter .linkType .V .left,
body.agenda_home .selectionFilter .linkType .I .left,
body.agenda_home .selectionFilter .linkType .I .inner,
body.agenda_home .selectionFilter .linkType .I .right,
body.agenda_home .selectionFilter .linkType .E .left,
body.agenda_home .selectionFilter .linkType .E .right,
body.agenda_home .selectionFilter .fieldValContainer li .edit-field-btn{
	background-color: #2B6190;
	background-color: var(--courses-color, #2B6190);
}
/* selectionFilter - settings */
body.settings_home .selectionFilter .linkType .left,
body.settings_home .selectionFilter .linkType .inner,
body.settings_home .selectionFilter .linkType .right {
	border: 1px solid #BD3333 !important;
    border: 1px solid var(--settings-color, #BD3333) !important;
}
body.settings_home .selectionFilter .linkType .D .inner,
body.settings_home .selectionFilter .linkType .V .left,
body.settings_home .selectionFilter .linkType .I .left,
body.settings_home .selectionFilter .linkType .I .inner,
body.settings_home .selectionFilter .linkType .I .right,
body.settings_home .selectionFilter .linkType .E .left,
body.settings_home .selectionFilter .linkType .E .right,
body.settings_home .selectionFilter .fieldValContainer li .edit-field-btn{
	background-color: #BD3333;
	background-color: var(--settings-color, #BD3333);
}
.hiddenSubmit {
	display: none;
}
.add-field-btn{
	background-color: #2a353b;
    border: 0;
    width: 22px;
    height: 22px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    background-image: url(../images/action/add.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    cursor: pointer;
	padding: 5px;
	margin-left: 5px;
    margin-top: 8px;
}
.remove-row-btn:hover,
.remove-invite-btn:hover,
.remove-linkeduser-btn:hover,
.remove-reportselection-btn:hover{
	opacity: 0.8;
}
.cell-padding{
	padding-bottom: 10px;
	padding-right: 10px;
}

.accounts_home .DTCR_clonedTable th{
	border: 2px solid #6CA237 !important;
	border: 2px solid var(--accounts-color, #6CA237) !important;
}
.persons_home .DTCR_clonedTable th{
	border:  2px solid #2C9BCE !important;
	border: 2px solid var(--persons-color, #2C9BCE) !important;
}
.activities_home .DTCR_clonedTable th{
	border: 2px solid #718492 !important;
	border: 2px solid var(--activities-color, #718492) !important;
}
.reports_home .DTCR_clonedTable th{
	border: 2px solid #566496 !important;
	border: 2px solid var(--reports-color, #566496) !important;
}
.calls_home .DTCR_clonedTable th{
	border: 2px solid #11905A !important;
	border: 2px solid var(--calls-color, #11905A) !important;
}
.course_attendees_home .DTCR_clonedTable th, .default_courses_home .DTCR_clonedTable th, .courses_home .DTCR_clonedTable th, .coaches_home .DTCR_clonedTable th, .resource_home .DTCR_clonedTable th, .agenda_home .DTCR_clonedTable th{
	border: 2px solid #2B6190 !important;
	border: 2px solid var(--courses-color, #2B6190) !important;
}
.DTCR_clonedTable td, .DTCR_clonedTable th{
	width: 200px !important;
}

.save_columns{
	display: none;
}
.details-part{
	width: 95% !important;
}
.save_btn, .empty_btn, .add_filter, .save_search_filter{
	float: left !important;
    margin: 0 0 10px 0 !important;
	padding: 0 !important;
	font-weight: normal;
    height: 2.1em;
    cursor: pointer;
    color: #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: #2a353b;
    font-size: 1.0em;
    border: 0px solid #7D8184;
}
.save_btn, .empty_btn, .add_filter, .save_search_filter{
	width: 49% !important;	
}

.empty_btn{
	height: 30px;
	margin-right: 4px !important;
}

.ui-datepicker-month{
    width: 106px;
    font-size: 14px;
    border: 0;
    font-weight: bold;
    color: #333;
    background-color: #eaeaea;
    cursor: pointer;
}
.ui-datepicker-year{
    width: 65px;
    font-size: 14px;
    border: 0;
    font-weight: bold;
    color: #333;
    background-color: #eaeaea;
    cursor: pointer;
    margin-left: 10px;
}
.margintop{
    width: 100%;
    float: left;
    margin-top: 25px;
}

input[readonly].account_phone:hover, input[readonly].account_email:hover, input[readonly].account_website:hover, input[readonly].account_linkedin:hover, input[readonly].account_facebook:hover, input[readonly].account_twitter:hover,
input[readonly].person_phone:hover, input[readonly].person_email:hover, input[readonly].person_mobile:hover, input[readonly].person_linkedin:hover, input[readonly].person_facebook:hover, input[readonly].person_twitter:hover, input[readonly].planitem_event:hover,
.person_search.delegate input[readonly].form-control:hover, .person_search.booker input[readonly].form-control:hover, .person_search.invoicee input[readonly].form-control:hover, .eventid_dmml14 input[readonly].form-control:hover {
	cursor: pointer;
	-webkit-box-shadow: 2px 3px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 3px 10px rgba(0,0,0,.2);
	box-shadow: 2px 3px 10px rgba(0,0,0,.2);
}
.readonly{
	cursor: default !important;
	-webkit-box-shadow: 0 0 0 #fff !important;
	-moz-box-shadow: 0 0 0 #fff !important;
	box-shadow: 0 0 0 #fff !important;
}
input.empty-input{
	cursor: default !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;	
}
.persor01_dmisor01.person_search .typeahead:not(.searchFieldPerson ), .persor01_dmisor01.person_search .twitter-typeahead{
	width: 100% !important;
}

.file-browse, .download_file{
    position: absolute;
    margin-top: 50px !important;
}
.tox-tinymce{
	margin-top: 10px !important;
	border: 1px solid #ccc !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

#mailOverlay .file-browse{
	width: 160px !important;
	margin-left: 0px !important;
	text-align: left;
	position: relative !important;
    margin-top: -4px !important;
    margin-bottom: 8px;
}

#settingsForm1 .block, #reportsForm1 .block{
	display: none;
}
#settingsForm1 .password-padding{
	padding-bottom: 20px;
}

#settingsForm1 .settings-category{
	font-weight: bold;
    margin-bottom: -10px;
}
#settingsForm1 h4:not(.pwdh4), .slideout-help h4{
	padding: 16px 0 17px 34px;
	margin: 15px 0px;
}
.slideout-help h4{
	margin: 0 !important;
	background-color: #e2e2e2 !important;
	color: #111 !important;
	width: auto !important;
	padding: 16px 0 17px 34px !important;
	font-size: 1em !important;
}
.slideout-help .help-block{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.slideout-help .block{
    display: none;
    width: 100%;
    padding-left: 5px;
}
.slideout-help .block h3{
    margin-top: 0;
    margin-bottom: 10px;
}
.slideout-help .block div{
    margin-bottom: 25px;
}
.mailbox-div .widelbl .first label{
	margin-top: -2px;
    float: left;
}
.mailbox-div .widelbl .first div{
	float: left;
}
#settingsForm1 h4 img, .slideout-help h4 img{
	margin-left: -24px;
    margin-right: 12px;
	margin-top: -6px;
    float: left;
	transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
#settingsForm1 h4 label, .slideout-help h4 label{
    margin-top: -8px;
    float: left;
}

#settingsForm1 .myacts-drop-down{
	cursor: pointer;
}
.settings-div, 
#settingsForm1 .block,
#reportsForm1 .block{
	width: 100%;
}
.settings-div.hidden{
	display: none;
	max-height: 500px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.buttons-placeholder{
	float: left;
	width: 100%;
}
.date_e, .date_s, .date_a{
	opacity: 0;
	margin-bottom: -32px !important;
	border: 1px solid #ccc !important;
}

.page.admin .showContent{
	float: left;
	position: relative !important;
}
.page.admin .page{
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	margin-left: 1% !important;
	width: 98% !important;
}
.page.admin main section.columns.two-third{
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	width: 100% !important;
}
.page.admin div.selected h4 img {
	transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
}
.page.admin div h4{
	float: left;
	width: calc(100% - 34px);
    margin: 6px 12px 6px 0px !important;
    padding: 16px 0 8px 34px !important;
}

.page.admin .showContent{
	margin: 0 !important;
}
.page.admin .codes-placeholder .showContent, .page.admin .entities-placeholder .showContent{
	margin-bottom: 15px !important;
}
.page.admin .settings-label, .page.admin .table-label, .page.admin .dedup-label{
	display: inline-block;
	margin-top: 20px;
}
.page.codes-page .left label{
	padding-left: 4px !important;
}
.language-options .myTable tr td, .page.ledgers-page .ledgersDataTable tbody tr:hover td.delete_img{
	background-color: #fff !important;
	padding-left: 0 !important;
}
.ledgersDataTable tbody tr td.D_SUBSUBARTICLE{
	padding-top: 3px !important;
}

.preferences-page.page .record_info{
    float: right;
	font-weight: bold;
	padding: 8px 7px 7px 10px;
    margin: 10px 0 0px 0px;
}
.preference-table-popup .typeahead{
	cursor: pointer !important;
}
.feature-table-popup h2{
	width: 100%;
}
.preferences-page.page .delete-preference, .feature-table-popup .delete-dmisc01, .feature-table-popup .close-btn, .preference-table-popup .close-btn, .preference-table-popup .delete-dmegp01, .page.codes-page .admCodesTable tbody tr td.delete_img, .page.ledgers-page .ledgersDataTable  tbody tr td.delete_img,
.page.codes-page .codesPopup .close-btn, .fancypopup .close-btn,.field-div .delete-field,.entity-field-div .delete-field{
	background-image: url(../images/action/close.svg);
}
.preference-table-popup .detail-dmegp01, .preference-table-popup .delete-dmegp01 {
	width: 30px !important;
	height: 30px !important;
}
.preference-table-popup .detail-dmegp01 {
	background-image: url(../images/action/arrow-down.svg);
}

.entsDataTable tbody tr td.LABCDC01, .entsDataTable tbody tr td.LABPCDC01{
	text-transform: uppercase;
}

.preferences-page.page .edit-preference, .page.codes-page .admCodesTable tbody tr td.edit_img, .activitiesTable .edit_img, .callsTable .edit_img, .opportunitiesTable .edit_img, .ordersTable .edit_img, .grid-stack-item-content .myTable .edit_img, .accountsTable .edit_img, .personsTable .edit_img,
.coursesTable .edit_img, .defaultCoursesTable .edit_img, .attendeesTable .edit_img, .preferencesDataTable .edit_img, .quotationsTable .edit_img, .documentsTable .edit_img{
	background-image: url(../images/action/edit-dark.svg);	
}
.preferences-page.page .edit-preference:hover, .page.codes-page .admCodesTable tbody tr td.edit_img:hover, .activitiesTable .edit_img:hover, .callsTable .edit_img:hover, .grid-stack-item-content .myTable .edit_img:hover, .opportunitiesTable .edit_img:hover, .ordersTable .edit_img:hover,
.accountsTable .edit_img:hover, .personsTable .edit_img:hover, .coursesTable .edit_img:hover, .attendeesTable .edit_img:hover, .preferencesDataTable .edit_img:hover, .quotationsTable .edit_img:hover, .defaultCoursesTable .edit_img:hover, .documentsTable .edit_img:hover{
	background-image: url(../images/action/edit-green.svg) !important;	
}

.preferences-page.page .delete-preference,.field-div .delete-field,.entity-field-div .delete-field, 
.preferences-page.page .edit-preference, .feature-table-popup .delete-dmisc01, .feature-table-popup .close-btn, .preference-table-popup .delete-dmegp01, .preference-table-popup .close-btn,
.page.codes-page .admCodesTable tbody tr td.edit_img, .page.codes-page .admCodesTable tbody tr td.delete_img, .page.codes-page .codesPopup .close-btn, .accountsTable .edit_img, .personsTable .edit_img,
.preference-table-popup .detail-dmegp01, .fancypopup .close-btn, .activitiesTable .edit_img, .callsTable .edit_img, .opportunitiesTable .edit_img, .ordersTable .edit_img, .coursesTable .edit_img, .attendeesTable .edit_img,
.grid-stack-item-content .myTable .edit_img, .preferencesDataTable .edit_img, .quotationsTable .edit_img, .page.ledgers-page .ledgersDataTable tbody tr td.delete_img, .defaultCoursesTable .edit_img, .attendeesTable .edit_img, .documentsTable .edit_img{
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	background-color: transparent !important;
	border: 0;
	min-width: 20px;
	height: 20px;
	cursor: pointer !important;
}
.preference-table-popup .close-btn, .page.codes-page .codesPopup .close-btn, .fancypopup .close-btn{
	top: 0;
    position: absolute;
    right: 0;
    width: 20px;
    margin: 10px;
}
.preference-table-popup, .codesPopup{
    z-index: 77777 !important;
}
.preferences-page.page .pref-img{
	width: 30px;
}
.preferences-table-popup tr:hover td, .preferences-table-popup tr:hover, .codes-page .codesPopup{
	background-color: #fff !important;
}
.preferences-page.page table thead label{
	padding: 6px 0 !important;
}

.preferences-page.page table thead label:hover{
	text-decoration: underline;
}
.preferences-page.page table thead label.asc, .preferences-page.page table thead label.desc{
    text-decoration: underline;
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: left 0px top 19px;
}
.preferences-page.page table thead label.asc{
    background-image: url(../images/action/sort-down.svg);
}
.preferences-page.page table thead label.desc{
    background-image: url(../images/action/sort-up.svg);
}

.preferences-page.page .paginate_button{
	border: 0;
	float: right;
	margin-top: 10px;
}
.preferences-page.page .pagination {
    float: right;
    width: 170px;
}
.codes-page.page {
	margin-top: 8px;
}
.myTable .odd .dedupActionValue select {
	background-color: #e8e8e8;;
}
.dedupAccountsTable.myTable .dedupcolor,.dedupPersonsTable.myTable .dedupcolor {
    background-color: #c3edb2;
}
.dedupActionValue select {
	border : 0px;
}
.myTable .dedupActionValue select:hover, .myTable .dedupActionValue select:hover option{
	cursor: pointer;
}
.myTable .dedupActionValue select:hover option[selected], .myTable .dedupActionValue select option[selected]{
    background-color: #868871;
    background-color: var(--admin-color, #868871);
	color: #fff !important;
}
.dedup-account-detail-div .tab-dedup,.dedup-person-detail-div .tab-dedup {
    width: 100%;
	float: left;
	margin-bottom: 15px;
    margin-top: 20px;
}
.dedup-account-detail-div .tab-dedup  input,.dedup-person-detail-div .tab-dedup  input{
    float: left;
    width: calc(100% / 3 - 22px);
    margin-right: -2px;
    padding: 10px;
    margin-top: 3px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    font-weight: normal;
	border: 2px solid #868871;
	border: 2px solid var(--admin-color, #868871);
	background-color: #fff;
    cursor: default;
    font-size: 14px !important;
    margin-bottom: 0;
}
.dedup-account-detail-div .tab-dedup input:not(.active):hover,.dedup-person-detail-div .tab-dedup input:not(.active):hover {
	background-color: #868871;
	background-color: var(--admin-color, #868871);
    color: #fff;
	cursor: pointer !important;
}
.dedup-account-detail-div .tab-dedup input.active,.dedup-person-detail-div .tab-dedup input.active {
	background-color: #868871;
	background-color: var(--admin-color, #868871);
    color: #fff;
}
.tab-check .tab-checkbox {
	float: left;
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 20px;
}
#settingsForm1 .dedup-account-detail-div  .first:not(.paginate_button),#settingsForm1 .dedup-person-detail-div  .first:not(.paginate_button){
    width: 180px !important;
}
#settingsForm1 .dedup-account-detail-div .second, #settingsForm1 .dedup-person-detail-div .second{
	width: calc(100% - 180px) !important;
}
#settingsForm1 .dedup-account-detail-div  .action_menu, #settingsForm1 .dedup-person-detail-div  .action_menu{
	display: none !important;
}
#settingsForm1 .dedup-account-detail-div  h2{
	display: none !important;
}
.dedup-accounts-page .dedup-action, .dedup-persons-page .dedup-action {
	width: 100%;
	margin-top: -22px;
    margin-bottom: 20px;
}
.dedup-accounts-page .dedup-action, .dedup-action .action_button ,.dedup-persons-page .dedup-action, .dedup-action .action_button {
	float: left;
}
.dedup-action .action_button:not(.plan-task){
	margin-right: 10px;
}
.dedup-action .action_button.plan-task{
	margin-left: 0 !important;
}
.dedup-action .starttask{
	margin-left: 130px;
}
#settingsForm1 .dedup-action .starttask .first:not(.paginate_button) {
	width: 225px !important;
	margin-top: 5px;
}
.plan-task{
	margin-left: 10px;
}
.dedup-action .tasktype{
	font-weight: bold;
}
.dedup-action .tasktime {
	display: inline-block;
	width: 80px;
}
.dedup-action .starttask .form-control {
	margin: 5px 0px 0px 0px !important;
}
.dedup-action .starttask .addEmail .form-control {
	width: 315px;
}
.starttask .fieldValContainer > .form-control {
	padding: 0px 3px;
	height: auto;
	max-height: 100px;
	overflow: auto !important;
	white-space: normal;
	min-height: 32px;
	min-width: 200px;
}
.starttask .timelabel {
	font-weight: bold;
    float: left;
    padding-top: 6px;
    width: 70px;
    text-align: center;
	margin-top: 5px;
}
.starttask .taskdate {
	width: 150px;
}
.starttask .fieldValContainer .form-control {
	border: 0px !important;
}
.starttask .fieldValContainer ul {
	margin: 0;
	padding: 0;
}
.starttask .fieldValContainer  li:not(.-uocc-empty-) {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.starttask .fieldValContainer li .edit-field-btn, .starttask .fieldValContainer li .remove-field-btn {
	background: none;
	border: none;
	color: #fff;
	-webkit-text-fill-color: #FFF;
	margin: 2px 5px 2px 0;
}
.starttask .fieldValContainer li .edit-field-btn {
	display: inline-block;
	background-color: #2a353b;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
	padding: 6px 32px 6px 15px;
    font-size: 0.8em;
	height: 28px;
	min-width: 37px;
	font-size: 1em !important;
}
.starttask .fieldValContainer li .edit-field-btn:hover {
	opacity: 0.9;
}
.starttask .fieldValContainer li .remove-field-btn {
	position: absolute;
	right: 7px;
	top: 4px;
}
.starttask .fieldValContainer li .remove-field-btn:hover {
	color: #111;
	cursor: pointer;
}
.dedup-action .search-progress{
	height: 20px;
    width: 200px;
    margin-right: 5px;
}
.dedup-det {
	min-height: 35px;
}

#reportsForm1 > div > .selected h4 img {
	transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
#reportsForm1 > div > .selected .block {
	display: block;
}
#reportsForm1 h4{
	padding: 16px 0 17px 34px;
	opacity: 0.9;
	margin: 13px 0px;
}
#reportsForm1 h4 img{
	margin-left: -24px;
    margin-right: 12px;
	margin-top: -7px;
    float: left;
	transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
#reportsForm1 h4 label{
    margin-top: -10px;
    float: left;
	padding: 0 35px;
    color: #fff;
	background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 20px;
	line-height: 20px;
	height: 20px;
}
#reportsForm1 .alternateOccs > .-uent- > .-uocc-:hover {
	cursor: pointer;
	background-color: #566496 !important;
	background-color: var(--reports-color, #566496) !important;
    color: #fff !important;
}
#reportsForm1 .alternateOccs > .-uent- > .-uocc- .labelValue :first-child {
	padding-right: 5px;
	padding-left: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#reportsForm1 .alternateOccs > .-uent- > .-uocc- {
	padding: 0;
}
#reportsForm1 .alternateOccs > .-uent- > .-uocc- > div {
	padding: 10px;
}
#reportsForm1 .rpt{
    background-image: url(../images/filetypes/pdf.svg);
    background-size: 21px;
    margin-left: 3px;
    background-repeat: no-repeat;
	background-position: 10px center;
}
#reportsForm1 .rpt:hover{
	background-image: url(../images/filetypes/pdf_hover.svg) !important;
}
#reportsForm1 .mrt{
	background-image: url(../images/action/reports_dark.svg);
	background-size: 25px;
    margin-left: 3px;
    background-repeat: no-repeat;
	background-position: 8px center;
}
#reportsForm1 .mrt:hover{
	background-image: url(../images/action/reports.svg) !important;
}
#reportsForm1 .REP_ACTIVITS h4{
	background-color: #718492;
    background-color: var(--activities-color, #718492);
}
#reportsForm1 .REP_ACTIVITS h4 label{
	background-image: url(../images/action/activities.svg) !important;
}
#reportsForm1 .REP_CALLS h4{
	background-color: #11905A;
    background-color: var(--calls-color, #11905A);
}
#reportsForm1 .REP_CALLS h4 label{
	background-image: url(../images/action/calls.svg) !important;
}
#reportsForm1 .REP_CAMPS h4{
	background-color: #566496;
    background-color: var(--reports-color, #566496);
}
#reportsForm1 .REP_CAMPS h4 label{
	background-image: url(../images/action/announcements.svg) !important;
}
#reportsForm1 .REP_CASES h4{
	background-color: #566496;
    background-color: var(--reports-color, #566496);
}
#reportsForm1 .REP_CASES h4 label{
	background-image: url(../images/action/pointer.svg) !important;
}
#reportsForm1 .REP_QUOTATS h4{
	background-color: #537052;
	background-color: var(--quotations-color,#537052);
}
#reportsForm1 .REP_QUOTATS h4 label{
	background-image: url(../images/action/invoice.svg) !important;
}
#reportsForm1 .REP_OPPORTS h4{
	background-color: #7C4F88;
	background-color: var(--opportunities-color, #7C4F88);
}
#reportsForm1 .REP_OPPORTS h4 label{
	background-image: url(../images/action/opportunities.svg) !important;
}
#reportsForm1 .REP_ORDERS h4{
	background-color: #1d5c6d;
	background-color: var(--orders-color, #1d5c6d);
}
#reportsForm1 .REP_ORDERS h4 label{
	background-image: url(../images/action/order.svg) !important;
}
#reportsForm1 .REP_ACCOUNTS h4{
	background-color: #6CA237;
    background-color: var(--accounts-color, #6CA237);
}
#reportsForm1 .REP_ACCOUNTS h4 label{
	background-image: url(../images/action/building.svg) !important;
}
#reportsForm1 .REP_OTHER h4{
	background-color: #566496;
    background-color: var(--reports-color, #566496);
}
#reportsForm1 .REP_OTHER h4 label{
	background-image: url(../images/action/misc.svg) !important;
}
#reportsForm1 .REP_PERSONS h4{
	background-color: #2C9BCE;
    background-color: var(--persons-color, #2C9BCE);
}
#reportsForm1 .REP_PERSONS h4 label{
	background-image: url(../images/action/persons.svg) !important;
}
#reportsForm1 .REP_TOP10 h4 {
	background-color: #566496;
    background-color: var(--reports-color, #566496);
}
#reportsForm1 .REP_TOP10 h4 label{
	background-image: url(../images/action/reports.svg) !important;
}
#reportsForm1 .REP_PLANNING h4{
	background-color: #2B6190;
    background-color: var(--courses-color, #2B6190);
}
#reportsForm1 .REP_PLANNING h4 label{
	background-image: url(../images/action/courses.svg) !important;
}
#reportsForm1 .REP_HOURS h4{
	background-color: #FF5722;
    background-color: var(--timewriting-color, #FF5722);
}
#reportsForm1 .REP_HOURS h4 label{
	background-image: url(../images/action/timewriting.svg) !important;
}

.report-div .reportFields .first{
	padding-top: 8px !important;
}

.alternateOccs > .-uent- > .-uocc-, .alternateOccs > tbody > tr {
	padding: 10px;
}
.alternateOccs > .-uent- > .-uocc-:nth-child(odd), .alternateOccs > tbody > tr:nth-child(odd) {
	background-color: #eee;
}

.labelValue {
    display: flex;
}
.labelValue > :first-child {
    flex-basis: 30%;
	font-weight: bold;
}

input:not([readonly]).date_e, input:not([readonly]).date_s, input:not([readonly]).date_a{
    cursor: pointer;	
}

h1:hover, h2:hover{
	cursor: default;
	border: 0px;
}

.department span, .gender-label, .account-label, .account_search span.form-control, .venue_search span.form-control, .person_search span.form-control, .accnt span.form-control,
.nobrd span.form-control, .invoicee_search span.form-control, .booker_search span.form-control{
	cursor: default;
	box-shadow: none;
}

body.accounts_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.accounts_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #6CA237 !important;
	border: 2px solid var(--accounts-color, #6CA237) !important;
}
body.persons_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.persons_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #2C9BCE !important;
	border: 2px solid var(--persons-color, #2C9BCE) !important;
}
body.activities_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.activities_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #718492 !important;
	border: 2px solid var(--activities-color, #718492) !important;
}
body.reports_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.reports_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #566496 !important;
	border: 2px solid var(--reports-color, #566496) !important;
}
body.calls_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.calls_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #11905A !important;
	border: 2px solid var(--calls-color, #11905A) !important;
}
body.documents_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.documents_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #AD2551 !important;
	border: 2px solid var(--documents-color, #AD2551) !important;
}
body.alerts_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.alerts_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #367125 !important;
	border: 2px solid var(--alerts-color, #367125) !important;
}
body.dashboards_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.dashboards_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #01738a !important;
	border: 2px solid var(--dashboards-color, #01738a) !important;
}
body.opportunities_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.opportunities_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #7C4F88 !important;
	border: 2px solid var(--opportunities-color, #7C4F88) !important;
}
body.orders_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.orders_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #1d5c6d !important;
	border: 2px solid var(--orders-color, #1d5c6d) !important;
}
body.quotations_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.quotations_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #537052 !important;
	border: 2px solid var(--quotations-color, #537052) !important;
}
body.planboard_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.planboard_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #1A8C80 !important;
	border: 2px solid var(--planboard-color, #1A8C80) !important;
}
body.course_attendees_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.course_attendees_home .grid-stack>.grid-stack-item>.grid-stack-item-content,
body.courses_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.courses_home .grid-stack>.grid-stack-item>.grid-stack-item-content, body.resources_home .grid-stack>.grid-stack-item>.grid-stack-item-content,
body.default_courses_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.default_courses_home .grid-stack>.grid-stack-item>.grid-stack-item-content,
body.agenda_home .grid-stack>div>.grid-stack-item>.grid-stack-item-content, body.agenda_home .grid-stack>.grid-stack-item>.grid-stack-item-content,
body.webregs_home .grid-stack>.grid-stack-item>.grid-stack-item-content{
	border: 2px solid #2B6190 !important;
	border: 2px solid var(--courses-color, #2B6190) !important;
}
body.adm_templates_home .grid-stack .grid-stack-item .grid-stack-item-content, body.adm_users_home .grid-stack .grid-stack-item .grid-stack-item-content, body.adm_acttypes_home .grid-stack .grid-stack-item .grid-stack-item-content,
body.adm_resources_home .grid-stack .grid-stack-item .grid-stack-item-content, body.adm_products_home .grid-stack .grid-stack-item .grid-stack-item-content, body.adm_exactparams_home .grid-stack .grid-stack-item .grid-stack-item-content,
body.adm_counters_home .grid-stack .grid-stack-item .grid-stack-item-content, body.adm_ledgers_home .grid-stack .grid-stack-item .grid-stack-item-content{
	border: 2px solid #868871 !important;
	border: 2px solid var(--admin-color, #868871) !important;
}
.blocks-container{
	width: 100%;
	float: left;
}
.grid-stack>div>.grid-stack-item>.grid-stack-item-content table tbody tr td a{
	color: #2a353b !important;
	font-size: 0.95em !important;
}

.grid-stack > div.grid-stack-item{
	background: #fff;
    z-index: 0;
    height: auto;
    min-height: 225px;
    position: relative;
    width: calc(100% - 7px);
	margin: 10px 0 0 0;
}

.selectionFilter .grid-stack-item{
	position: unset !important;
}
#block_linkedusers thead th, #block_reportselections thead th, .selectionFilter thead th {
	text-align: left;
	font-size: 0.9em !important;
	border-bottom: 2px solid #fff;
    padding-left: 6px;
	cursor: default !important;
}
#block_linkedusers thead th label, #block_reportselections thead th label, .selectionFilter thead th label{
	cursor: default !important;
}
#block_linkedusers tbody tr:nth-child(even), #block_reportselections tbody tr:nth-child(even), .selectionFilter tbody tr:nth-child(even) {
	background: #fff;
}
#block_linkedusers tbody td, #block_reportselections tbody td, .selectionFilter tbody td {
	cursor: default !important;
}
#block_linkedusers, #block_reportselections, .selectionFilter .grid-stack-item {
	z-index: 2;
}
.selectionFilter .grid-stack-item, .selectionFilter .grid-stack-item-content {
	min-height: initial !important;
}
.selectionFilter input[type=button] {
	text-align: left;
    cursor: pointer;
}
#block_reportselections {
	width: calc(100% - 260px);
	margin-right: 10px;
	float: left;
}
#reportlegend{
	width: 240px;
	float: left;
}
#block_linkedusers .form-control, #block_reportselections .form-control, .selectionFilter .myTable .form-control {
	margin: 4px 0 3px 0;
}
#report-designer {
	margin-top: 20px;
}
#block_reportselections .block-thead {
	padding-bottom: 50px;
}
#block_reportselections .action_button {
	right: 11px;
    float: right;
}
#report-info-mode .datafilterContainer .second span {
	width: calc(100% - 45px);
}
#report-info-mode .loadingDsp .datafilterContainer .second {
	background-image: url("../images/spinner.svg") !important;
    background-size: 30px !important;
    background-position: right 0px !important;
    background-repeat: no-repeat !important;
}
#report-info-mode .datafilterContainer .reportToggleDspFilter {
	display: none;
	background-color: #2a353b;
    background-image: url(../images/action/list-down.svg);
    background-position: center center;
    background-size: 13px;
    background-repeat: no-repeat;
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: 0px;
    float: right;
    margin-top: 4px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
#report-info-mode .datafilterContainer .reportToggleDspFilter:hover {
	background-color: #566496 !important;
    background-color: var(--reports-color, #566496) !important;
}
#report-info-mode .loadedDsp .datafilterContainer .reportToggleDspFilter {
	display: inline-block;
}
#report-info-mode .showDsp .datafilterContainer .reportToggleDspFilter {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
#report-info-mode .dspFilterContainer {
	display: none;
    margin-left: 20px;
    margin-bottom: 20px;
}
#report-info-mode .showDsp.loadedDsp .dspFilterContainer {
	display: block;
}

#block_accountfeatures table, #block_connections table, #block_contactfeatures table, #block_personfeatures table, #block_activityfeatures table, #block_opportunityfeatures table{
	margin-left: 5px;
}

body.accounts_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border: 1px dashed #6CA237;
	border: 1px dashed var(--accounts-color, #6CA237);
}
body.persons_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border: 1px dashed #2C9BCE;
	border: 1px dashed var(--persons-color, #2C9BCE);
}
body.activities_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border: 1px dashed #718492;
	border: 1px dashed var(--activities-color, #718492);
}
body.creports_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border: 1px dashed #566496;
	border: 1px dashed var(--reports-color, #566496);
}
body.calls_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border: 1px dashed #11905A;
	border: 1px dashed var(--calls-color, #11905A);
}
body.opportunities_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border: 1px dashed #7C4F88;
	border: 1px dashed var(--opportunities-color, #7C4F88);
}
body.default_courses_home .grid-stack .grid-stack-placeholder>.placeholder-content, body.courses_home .grid-stack .grid-stack-placeholder>.placeholder-content,
body.course_attendees_home .grid-stack .grid-stack-placeholder>.placeholder-content, body.webregs_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border: 1px dashed #2B6190;
	border: 1px dashed var(--courses-color, #2B6190);
}
body.activities_home .grid-stack .grid-stack-placeholder>.placeholder-content, body.persons_home .grid-stack .grid-stack-placeholder>.placeholder-content,
body.activities_home .grid-stack .grid-stack-placeholder>.placeholder-content{
	border-radius: 15px !important;
	-webkit-border-radius: 15px !important; 
	-moz-border-radius: 15px !important;
	background: transparent !important;
}

#pswd_info{
    display: none;
    float: left; 
    width: 270px;
    padding-left: 10px;
    background-color: #fff;
    font-size: .9em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #666;
    border: 1px solid #fff;
	margin-left: 580px;
    z-index: 543;
    padding-top: 6px;
    margin-top: -7px;
	position: absolute;
	text-align: left;
}
#Loginform #pswd_info{
    margin-top: 34px !important;
    margin-left: 282px !important;
}
#Loginform #pswd_info::before{
    top: 10px !important;
    left: -11px !important;
}
#pswd_info h4 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #2a353b;
    background: #fff;
    font-weight: bold;
	width: 100%;
	cursor: default !important;
}

#pswd_info ul, li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#pswd_info::before {
    content: "\25C0";
    position: absolute;
    top: 14px;
    left: -13px;
    font-size: 14px;
    line-height: 14px;
    color: #ccc;
    text-shadow: none;
    display: block;
}
.doc-status-img, .act-status-img{
	width: 20px; 
	height: 20px;
	padding-right: 7px;
}

h4{
	outline: 0;
    padding: 8px;
    color: white;
	cursor: pointer;
	background-color: #2a353b;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	font-weight: normal;
    padding-left: 40px;
}
.down1, .down2, .down3, .down4, .down5, .down6{
	position: absolute;
	margin-left: -26px;
	margin-top: 1px;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
}
.colorcode{
	cursor: pointer;
}
.color-table{
	border: 0;
	border-collapse: collapse;
	float: left;
}
.color-table tr > td{
    padding-bottom: 7px;
    padding-right: 3px;
	width: 164px;
}

.color-table .form-control{
	text-transform: uppercase;
	margin-bottom: 0 !important;
	pointer-events: none;
}
section.table_content:not(.field-div):not(.attendee-move-div){
	margin-bottom: 50px !important;
}

.rotated {
  transform: rotate(360deg) !important;
  -ms-transform: rotate(360deg) !important;
  -moz-transform: rotate(360deg) !important;
  -webkit-transform: rotate(360deg) !important;
  -o-transform: rotate(360deg) !important;
}

.delete-upload-file{
	background-color: #2a353b;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
}
.upload-div{
	width: 100%;
	float: left;
}
.upload-div #select-file{
	float: left;
	width: 0 !important;
	height: 0 !important;
}
.upload-div .upload-file-btn{
	margin: 0 !important;
	width: 145px;
}
.upload-div .progress-holder-file, .upload-div .progress-file-name{
	float: left;
    margin-left: 10px;
    width: calc(100% - 155px);
    margin-top: 3px;
}
.upload-div .progress-file-name{
	margin-top: 7px !important;
}
.upload-div .progress-holder-file .search-progress-file{
	width: 100%;
    height: 22px;
}
.upload-div .progress-holder-file .progress-text-file{
	margin-top: -20px !important;
    text-align: center;
}
.upload-list-outer{
	width: 100%;
    float: left;
}
.upload-list{
    padding-left: 4px;
    margin: 0;
}
.upload-list li{
	color: #2a353b;
    cursor: default;
	padding: 5px;
	word-break: break-all;
}
.upload-list li .del_attachment{
    background-image: url(../images/action/trash-dark.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: 29px;
}
.progress-holder-menu{
	left: 300px;
	top: 36px;
	width: 180px;
	position: absolute;
}
.progress-holder-menu .search-progress-file{
	width: 100%;
	height: 17px;
}
.progress-holder-menu .progress-text-file{
	text-align: center;
	float: none !important;
	margin-top: -16px;
}
.webmessage-close {
    background-color: #cc384e;
    border: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-image: url(../images/action/cancel.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    cursor: pointer;
    padding: 5px;
	float: right;
}
.webmessage-close:hover {
    opacity: 0.9;
}

body.accounts_home .move_up_div:hover span, body.accounts_home .ui-state-default.ui-state-active {
	background-color: #6CA237;
	background-color: var(--accounts-color, #6CA237);
}
body.persons_home .move_up_div:hover span, body.persons_home .ui-state-default.ui-state-active{
	background-color: #2C9BCE;
	background-color: var(--persons-color, #2C9BCE);
}
body.activities_home .move_up_div:hover span, body.activities_home .ui-state-default.ui-state-active{
	background-color: #718492;
	background-color: var(--activities-color, #718492);
}
body.orders_home .move_up_div:hover span, body.orders_home .ui-state-default.ui-state-active{
	background-color: #1d5c6d;
	background-color: var(--orders-color, #1d5c6d);
}
body.quotations_home .move_up_div:hover span, body.quotations_home .ui-state-default.ui-state-active{
	background-color: #537052;
	background-color: var(--quotations-color, #537052);
}
body.calls_home .move_up_div:hover span, body.calls_home .ui-state-default.ui-state-active{
	background-color: #11905A;
	background-color: var(--calls-color, #11905A);
}
body.documents_home .ui-state-default.ui-state-active{
    background-color: #AD2551;
    background-color: var(--documents-color, #AD2551);
}
body.alerts_home .ui-state-default.ui-state-active{
    background-color: #367125;
    background-color: var(--alerts-color, #367125);
}
body.dashboards_home .ui-state-default.ui-state-active{
    background-color: #01738a;
    background-color: var(--dashboards-color, #01738a);
}
body.opportunities_home .ui-state-default.ui-state-active{
    background-color: #7C4F88;
    background-color: var(--opportunities-color, #7C4F88);
}
body.inbox_home .ui-state-default.ui-state-active{
	background-color: #D49F00;
	background-color: var(--inbox-color, #D49F00);
}
body.reports_home .move_up_div:hover span, body.reports_home .ui-state-default.ui-state-active{
	background-color: #566496;
	background-color: var(--reports-color, #566496);
}
body.course_attendees_home .move_up_div:hover span, body.default_courses_home .move_up_div:hover span, body.courses_home .move_up_div:hover span, body.coaches_home .move_up_div:hover span, body.agenda_home .move_up_div:hover span,
body.course_attendees_home .ui-state-default.ui-state-active, body.default_courses_home .ui-state-default.ui-state-active, body.courses_home .ui-state-default.ui-state-active, body.coaches_home .ui-state-default.ui-state-active,
body.agenda_home .ui-state-default.ui-state-active, body.webregs_home .ui-state-default.ui-state-active, body.webregs_home .move_up_div:hover span{
	background-color: #2B6190;
	background-color: var(--courses-color, #2B6190);
}
body.adm_templates_home .move_up_div:hover span, body.adm_templates_home .ui-state-default.ui-state-active,
body.adm_maillogs_home .move_up_div:hover span, body.adm_maillogs_home .ui-state-default.ui-state-active,
body.adm_templates_home button:hover, body.adm_maillogs_home .paginate_button:hover, body.adm_users_home .paginate_button:hover, body.adm_users_home .move_up_div:hover span, body.adm_users_home .ui-state-default.ui-state-active,
body.adm_resources_home .paginate_button:hover, body.adm_resources_home .move_up_div:hover span, body.adm_resources_home .ui-state-default.ui-state-active,
body.adm_templates_home .paginate_button:hover, body.adm_features_home .paginate_button:hover, body.adm_acttypes_home .paginate_button:hover, body.adm_acttypes_home .move_up_div:hover span, body.adm_acttypes_home .ui-state-default.ui-state-active,
body.adm_exactparams_home .paginate_button:hover, body.adm_exactparams_home .move_up_div:hover span, body.adm_exactparams_home .ui-state-default.ui-state-active,
body.adm_counters_home .paginate_button:hover, body.adm_counters_home .move_up_div:hover span, body.adm_counters_home .ui-state-default.ui-state-active, body.adm_ledgers_home .paginate_button:hover, body.adm_ledgers_home .move_up_div:hover span, body.adm_ledgers_home .ui-state-default.ui-state-active {
	background-color: #868871;
	background-color: var(--admin-color, #868871);
}
body.timewriting_home .ui-state-default.ui-state-active, body.approvehours_home .ui-state-default.ui-state-active, body.invoicehours_home .ui-state-default.ui-state-active{
	background-color: #FF5722;
	background-color: var(--timewriting-color, #FF5722);
}
body.settings_home .ui-state-default.ui-state-active{
	background-color: #BD3333;
	background-color: var(--settings-color, #BD3333);
}
.user-div .right-column .depDetails > div{
	width: 100%;
	float: left;
}
.user-div .userLocked .second, .user-div .userPwdChange .second, .user-div .userPwdAgain .second, .user-div .userPwdPeriod .second{
	padding-bottom: 6px;
}
.user-div .userPwdWarning .first{
	margin-top: -6px !important;
}
.user-div .unifaceRadioLabel:hover, .user-div .unifaceRadioLabel label:hover{
	cursor: pointer;
}
.ui-state-default:hover{
	background-color: #EAEAEA;
}

.header-title h1{
    margin-left: 3%;
    float: left;
    margin-top: -22px !important;
    height: 50%;
}

header.pages .topRightMenu, div[role=banner].pages .topRightMenu{
    margin-top: -27px !important;
    right: 0;
}

.header-title h1, header.pages .topRightMenu, div[role=banner].pages .topRightMenu{
    position: absolute;
    top: 54%;
}
.dragMailFiles{
	background: #2a353b;
    width: 75px;
    height: 75px;
	float: left;
    margin-top: 20px;
	margin-left: 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
}

.dragMailFiles .drop_icon{
	height: 45px !important;
	margin-top: 13px !important;
	margin-left: 16px !important;
}

.call_number{
	margin-right: 20px;
}

thead{
	background: #fff;
}

.myTable:not(.activityBlockTable):not(.relActivityBlockTable):not(.callBlockTable):not(.histQuotationLinesTable) th:not(.sorting_disabled):hover{
	cursor: pointer;
}
.myTable th:not(.sorting_disabled) label:hover{
	cursor: pointer !important;
}

.choose-upload-file, .mail-upload-file, .upload-word, .upload-excel{
    display: none;
}

.loading_bar{
	margin: 0 auto;
    left: 0;
    right: 0;
    width: 400px;
    position: fixed;
    top: 0px;
    z-index: 62323;
	display: none;
}

.loading_bar div{
	margin-top: -14px;
    font-weight: bold;
}

.date-span{
	border: 1px solid #ccc !important;
}

#registration-form-reports input, #registration-form-reports textarea{
	font-size: 13px !important;
}
#registration-form-reports .save-bottom{
	display: none !important;
}
h4 label, #document_status .typeahead, #document_distribution .typeahead{
	cursor: pointer;
}

#accountfilter .typeahead__result, #accountfilter .typeahead__container, #personfilter .typeahead__result, #personfilter .typeahead__container, #attendeefilter .typeahead__result, #attendeefilter .typeahead__container,
#activityfilter .typeahead__result, #activityfilter .typeahead__container, #callfilter .typeahead__result, #callfilter .typeahead__container, #coursefilter .typeahead__result, #coursefilter .typeahead__container,
#opportunityfilter .typeahead__result, #opportunityfilter .typeahead__container, #documentfilter .typeahead__result, #documentfilter .typeahead__container, #resourcefilter .typeahead__result, #resourcefilter .typeahead__container,
#orderfilter .typeahead__result, #orderfilter .typeahead__container, #quotationfilter .typeahead__result, #quotationfilter .typeahead__container, #alertfilter .typeahead__result, #alertfilter .typeahead__container{
	float: left;
	width: 245px;
}
#report-viewer {
	clear: both;
}
.companytemplates .typeahead, .create-template-popup .typeahead, .select-template-fields-popup .typeahead{
	font: 13.3333px Arial;
}
.create-template-table{
    width: calc(100% - 40px);
    border-collapse: collapse;
	margin: 0 20px 20px 20px;
    margin-top: 0;
}
.create-template-popup{
    min-width: 580px;
}
.create-template-table .tt-menu {
	width: auto !important;
}
.select-template-fields-popup .tt-menu, .select-template-fields-popup .typeahead{
    width: 95% !important;
    max-width: 400px;
}
.create-template-label{
	font-weight: bold;
	margin-left: 5px;
}
.template-popup-heading{
    float: left;
    width: calc(100% - 40px);
}
.adm_templates_home .left-div{
	float: left;
    min-width: 220px;
    width: 100%;
    margin-top: 30px;
}
.adm_templates_home .left-div .field-values{
    padding-left: 5px;	
}
.first-create, .second-create{
	float: left;
}
.first-create{
	width: 30%;
}
.second-create{
	width: 70%;
}
.field-placeholder{
	max-height: 500px;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 15px;
	border: 1px solid #ccc;
    border-radius: 7px;
	display: none;
}
.list-left, .list-right{
	float: left;
}
.list-left{
	width: 15px;
}
.list-right{
	width: calc(100% - 15px);
}
.field-values{
	margin: 0;
}

input[readonly]:not(#registered-emails-typeahead .typeahead):not(#booker-emails-typeahead .typeahead):not(#invoicee-emails-typeahead .typeahead):not(.from_mail):not(.readonly):not(.pointer):not(.account_linkedin):not(.account_facebook):not(.account_twitter):not(.account_website):not(.account_email):not(.account_phone):not(.person_linkedin):not(.person_facebook):not(.person_twitter):not(.person_email):not(.person_phone):not(.person_mobile):not(.page-drop-down):not([type="button"]):not([type="submit"]):not([type="image"]):not([type="date"]):not(.searchMutations):not(.searchMutationsFilter):not(.stiJsViewerDropDownList_TextBox),
span[readonly]:not(.org_label):not(.pers_label), label[readonly]:not(.checksign):not(.checkprio):not(.checktopdf):not(.checksmtp):not(.checkexchange):not(.checkactivity):not(.checkinvite),
input[readonly].feature_attr_btn, #affiliation-typeahead .typeahead:disabled  {
	background-image: none !important;
	cursor: default !important;
}

.checklabel, #registered-emails-typeahead .typeahead, #booker-emails-typeahead .typeahead, #invoicee-emails-typeahead .typeahead{
	cursor: pointer;
}
.prntduedate_dmml14 .form-control{
	cursor: pointer;
}
.companytemplates tbody tr:not(.activerow) span{
	color: #111;
}
.typeahead, .tt-query, .tt-hint {
	width: 396px;
	padding: 8px 12px;
	font-size: 24px;
	border: 2px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	outline: 0;
}
.typeahead{
	padding-right: 30px !important;
}
.typeahead.search-icon, .timepage .add-orders-row .search-by-orderrow .second .searchFieldOrderRow {
	background-image: url(../images/action/search_typeahead.svg) !important;
    background-size: 22px !important;
    background-position: right 8px top 3px !important;
    background-repeat: no-repeat !important;
}
.typeahead:not(.less-padding), .normalselect{
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-size: 19px;
}
.typeahead.normalselect{
	padding: 4px 35px 4px 10px !important;
}
.typeahead.less-padding{
    padding: 4px 2px 4px 10px !important;
}
.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
	color: #999
}
.tt-menu {
	width: 100%;
	max-height: 400px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 8px 0 0 0;
	background-color: #fff;
	z-index: 1000 !important;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
    min-width: 300px;
}
#select_page_typeahead .tt-menu{
	width: 210px !important;	
}
.btn-holder{
	padding-top: 10px;
}
.tt-suggestion {
	padding: 3px 10px;
	font-size: 0.9em;
	line-height: 24px;
	border-top: 1px solid #ccc;
}

.tt-suggestion:hover {
	cursor: pointer;
}

.tt-suggestion p {
	margin: 0;
}

.gist {
	font-size: 14px;
}

.num_res{
	cursor: default;
	padding: 0px 10px 7px 10px;
}
.empty_res{
	cursor: pointer;
    float: right;
    width: 30px;
    height: 30px;
    background-image: url("../images/action/clear.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -6px;
    margin-right: -3px;
}
.searchAccountForm .empty_res, .searchPersonForm .empty_res, .searchOrderForm .empty_res, .searchOppForm .empty_res, .searchCallForm .empty_res{
    margin-left: 0px !important;
    float: left !important;
    margin-top: 1px !important;
    display: block !important;
    background-image: url(../images/action/clear.svg) !important;
}
.searchAccountForm .searchFieldAccount:not(.search-icon), .searchPersonForm .searchFieldPerson:not(.search-icon), .searchOrderForm .searchFieldOrder:not(.search-icon),
.searchOppForm .searchFieldOpp:not(.search-icon), .searchCallForm .searchFieldCall:not(.search-icon), #graphfilter-events-typeahead .searchFieldCourse:not(.search-icon){
	background-image: none !important;
    padding: 8px 37px 7px 10px !important;
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button {
    visibility: hidden !important;
}

.twitter-typeahead{
	width: 100%;
	margin-bottom: 0px;
	color: #2a353b;
    height: auto;
}

input::-webkit-calendar-picker-indicator{
    display: none;
}
.search-filter{
    background-image: url(../images/action/filter.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 6px top 7px;
    border: 0;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    margin-top: 9px;
    position: absolute;
    margin-left: -20px;
    cursor: pointer;
    background-color: #2a353b;
    border-radius: 50%;
}
.filter-config{
    float: right;
    border: 0px;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
    background-image: url("../images/action/settings.svg");
    background-color: #2A353B;
	background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-position: 3px 3px;
	cursor: pointer;
    margin: 2px 5px 0 10px;
	display: none;
}
.export-word-btn, .export-excel-btn, .collective-emails, .collective-features, .collective-activities, .collective-finishacts, .collective-status, .orders-prolong-btn, .prolong-btn, .orders-invoice-btn, .invoice-btn, .collective-delete, .collective-anonymize{
    background-color: #ffffff;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    border: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
	color: #111;
}
.export-word-btn, .export-excel-btn, .collective-emails, .collective-features, .collective-activities, .collective-finishacts, .prolong-btn, .invoice-btn, .collective-status, .collective-delete, .collective-anonymize{
	width: 100% !important;
	padding-left: 38px !important;
	text-align: left !important;
	background-position: left !important;
	font-size: 1em !important;
	margin-bottom: 3px;
}
.collective-action-table input[type=button]:hover{
	text-decoration: underline;
}
.collective-action-table tr td{
	padding: 0 !important;
}
.export-word-btn{
    background-image: url("../images/filetypes/generate-word.svg");	
}
.export-excel-btn{
    background-image: url("../images/filetypes/generate-excel.svg");	
}
.collective-emails{
    background-image: url("../images/action/apetail.svg");
}
.collective-status{
    background-image: url("../images/action/status_dark.svg");
}
.collective-features{
    background-image: url("../images/action/feature.svg");
}
.collective-finishacts{
	background-image: url("../images/action/check-box-dark.svg");
}
.collective-activities{
    background-image: url("../images/action/activities_dark.svg");
	background-size: 26px;
}
.orders-prolong-btn, .prolong-btn{
    background-image: url("../images/action/prolong_dark.svg");	
}
.orders-invoice-btn, .invoice-btn{
    background-image: url("../images/action/euro_dark.svg");	
}
.purchasedprd-div .acticle_search_dsp .filter-popup {
    right: calc(52% - 5px);
    width: 300px !important;
    margin-top: 4px !important;
    top: 115px;
}	
.collective-delete{
    background-image: url("../images/action/trash-dark.svg");
    background-size: 30px !important;
    margin-bottom: 0;
    background-position: -2px -2px !important;
}
.collective-delete-content > span, .collective-anonymize-content > span {
	width: 100%;
	float: left;
}
.collective-anonymize{
	background-image: url("../images/action/anonymize.svg");
    background-size: 24px !important;
    margin-bottom: 0;
    background-position: 1px 2px !important;	
}
.collective-action-table div{
    float: left;
    margin-top: 7px;
    margin-left: 12px;
    cursor: pointer;
}

.collective-action-table div:hover{
    text-decoration: underline;
}
.collective-actions{
    background-image: url(../images/action/actions.svg);
    background-color: transparent;
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    border: 0px;
    margin: 3px 0 0 3px;
    width: 31px;
    height: 30px;
    cursor: pointer;
}
#accountfilter, #personfilter, #orderfilter, #quotationfilter, #documentfilter, #resourcefilter{
    width: 325px !important;
}
.found-mails, .found-accounts, .found-persons{
    font-size: 1em;
    cursor: pointer;
}
.found-mails{
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-size: 18px;
    padding: 7px 8px 12px 8px;
}
.first.colreps{
	padding-top: 3px !important;
}
.collective_accounts .found-accounts, .collective_persons .found-persons{
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 17px top 7px;
    background-size: 19px;
    padding: 7px 0 0 10px !important;
    margin-bottom: 0px !important;
    height: 17px !important;
}
.found-mails:hover, .found-accounts:hover,.found-persons:hover{
    text-decoration: underline;
}
.collective_dropaccounts, .collective_droppersons{
    width: 94%;
    margin-bottom: 15px;
    float: left;
    display: none;
    max-height: 180px;
    overflow-x: hidden !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.collective_dropaccounts div, .collective_droppersons div{
    width: 100%;
    float: left;
    padding: 7px 4px;
}
.found-emails .mail_td{
    padding-top: 8px !important;
}
.show-found-mails{
    padding-left: 0px;
}
.show-found-mails div{
    padding: 6px 4px;
}
/* Inschrijving verplaatsen*/
.collective-moveattendees{
    background-image: url("../images/action/move-black.svg");
	background-position: 2px 6px;
	background-size: 21px;
	background-color: #ffffff;
    background-repeat: no-repeat;
    float: left;
    border: 0;
    margin: 0;
    width: 100%;
    height: 30px;
    cursor: pointer;
	padding-left: 38px !important;
	text-align: left !important;
	font-size: 1em !important;
	margin-bottom: 6px;
}

.show-found-mails div:nth-child(odd), .collective_dropaccounts div:nth-child(odd), .collective_droppersons div:nth-child(odd), .modulesaccos table tbody tr:nth-child(odd), .event-history table tbody tr:nth-child(odd), 
.moveAtt table tbody tr:nth-child(odd), .act-feature-table tbody tr:nth-child(odd){
    background-color: #e8e8e8;
}
.moveAtt{
	max-height: 700px;
    overflow: auto;
}
.attendee-move-div .attendee-width{
	margin-top: 0px !important;
}
.attendeemove .first {
	padding: 0px 0px 0px 10px;
	font-weight: bold;
}
.attendeemove-action {
    width: 100%;
    float: right;
    margin-top: 2px;
    margin-bottom: 10px;
}
.attendeemove-action.attendeemove .cancel-booking-table {
	float: left !important;
}
.attendeemove-action.attendeemove .cancel-action-td {
	padding: 0px 0px 0px 10px;
}
.moveatt-collective .details-part{
	margin-top: 30px;
	width: 100% !important;
}
.moveatt-collective .attendee-move-div{
	margin-left: 0px !important;
}
.moveAtt .first{
	width: 100% !important;
	padding-top: 6px !important;
	margin-bottom: 18px !important;
}
.attendee-move-div .modulesaccos{
	margin-top: 10px !important;
	margin-bottom: 15px;
}
.attendee-move-menu .maxattendees-bar{
	margin-top: -250px;
}
.attendeesTable thead th.errorcell, .attendeesTable td.errorcell .collerror{
    background-image: url(../images/action/error.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
	height: 30px;
}
.export-excel-table tbody .form-control, .export-word-table tbody .form-control, .collstatus-table tbody .form-control{
    margin: 5px 0 5px 0px !important;
}

#accountfilter #accounts-typeahead, #personfilter #persons-typeahead, #activityfilter #activities-typeahead, #callfilter #calls-typeahead, #coursefilter #courses-typeahead, #opportunityfilter #opportunities-typeahead,
#documentfilter #documents-typeahead, #resourcefilter #resources-typeahead, #orderfilter #orders-typeahead, #quotationfilter #quotations-typeahead {
	float: right;
    width: 75%;
}
#alertfilter #alerts-typeahead{
	float: right;
    width: 70%;
}
#attendeefilter #attendees-typeahead{
 	float: right;
    width: 45%;  
}
#attendeefilter #status-typeahead{
    float: right;
    width: 37%;
    margin-right: 15px;
	margin-top: 1px;
}
.att-div #attendeefilter ul{
	width: 240px !important;
}
#callfilter #calls-typeahead, #activityfilter #activities-typeahead, #opportunityfilter #opportunities-typeahead{
    width: 65% !important;
}

.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
	float: left;
    margin-right: 8px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
#settingsForm1 .first:not(.paginate_button){
	width: 300px;
    float: left;
	padding-top: 7px;
}
#settingsForm1 .first:not(.paginate_button) label{
	font-weight: bold;
	padding-left: 20px;
}

.settask-dsp-container .first label{
	padding-left: 0 !important;
}
.taskmailaddresses .first{
	padding-top: 13px !important;
}
.invoice_container .settask-dsp-container{
	float: left;
}
.invoice_container .taskDetails{
	margin-top: 30px !important;
}

#settingsForm1 .second{
	width: calc(100% - 300px);
    float: left;
}
#map_canvas, #mapid{
	height: 500px; 
	width: 100%; 
	float: left;
}
#map {
	height: 100%;
}
#dashboard_map{
    height: 340px;
    width: 280px;
    float: left;
    outline: 0 !important;
	border: 0 !important;
}
#dashboard_map iframe:focus{
	outline: 0 !important;
}
.dash-content #map_holder, .dash-content #filter_holder{
	float: left;
    margin-top: 5px;
    width: calc(100% - 600px);
	padding: 0px 10px 0px 10px;
    background-color: #eee;
	border-radius: 10px;
	border: 1px solid #ccc;
    border-left: 0;
}
.dash-content #map_holder{
	margin-right: 10px;
}
.dash-content #filter_holder{
	border-radius: 10px !important;
	min-height: 134px;
	border-left: 1px solid #ccc !important;
	min-width: 250px;
    max-width: 360px;
}

.dash-content #filter_holder .account_search input.typeahead{
	width: calc(75% - 30px) !important;
}
.dash-content #filter_holder .account_search{
	float: left;
	width: 100%;
}

#filter_holder .account_search .accountSearchTableHolder{
	max-width: calc(1212px - 3%) !important;
    float: right !important;
    right: 3% !important;
    margin-top: 37px !important;
    overflow-x: auto !important;
}
#filter_holder > label{
	font-weight: bold;
    float: left;
	margin-top: 17px;
	margin-bottom: 10px;
	width: 100%;
}

#filter_holder .applyfilter{
	margin-top: 5px !important;
}
.dash-content #map_holder .twitter-typeahead{
    float: left;
}
.mobile-maps{
	float: left;
	display: none;
	margin-bottom: 10px;
	width: 100%;
}
.mobile-maps .apple{
	margin-left: 15px;
}

#templates-div{
    margin-top: 20px;
}
#templates-div .first{
    float: left;
    width: 140px;
    font-weight: bold;
    padding-top: 8px;
}
#templates-div .second{
    float: left;
    width: 350px;
    height: 42px;
}
.gmaps{
    float: right;
    height: 40px;
    width: 32px;
	margin-top: -6px;
    background: url(../images/action/gmaps.svg) no-repeat;
	background-position: center;
	background-size: 32px;
}
.gmaps a{
	height: 36px;
    width: 100%;
    display: block;
	outline: 0;
}

#mode{
	color: #111;
	width: 150px;
	padding: 6px 10px 7px 10px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
	outline: 0;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	cursor: pointer;
	margin-top: 15px;
    float: left;
}

.disabled_fieldset{
    border: 0px;
    padding: 0;
    margin-top: 1px;
    margin-right: 5px;
    position: absolute;
    right: 3%;
}

.disabled_fieldset:disabled img, .footer-icon:disabled{
	cursor: default !important;
}
.settings-div .disabled_fieldset{
    margin-right: 21px !important;
}
.adp-directions{
	width: 100%;
}

.orgTitle{
	color: #2a353b;
    background-color: white;
    font-size: 19px;
    text-transform: initial;
	display: inline-block;
	margin-top: 0px;
}

.fileUpload, .mail_to, .mail_from {
	color: #ffffff;
    background-color: #2a353b;
    padding: 4px 15px;
    font-size: 0.95em;
    height: 2.3em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	width: 143px;
}

.mail_td{
	padding: 0;
    margin: 0;
	font-weight: bold;
    width: 100px;
}

.mail_to, .mail_from{
	width: 40px !important;
}

.mail_input, .mail_td .action_button{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#previewIframe{
	overflow: scroll;
	border: 1px solid #ccc;
}

#block_accountfeatures table td a, #block_contactfeatures table td a, #block_personfeatures table td a, #block_contactfeatures table td a, #block_activityfeatures table td a, #block_opportunityfeatures table td a, #block_connections table td a, #block_act_documents table td a, #block_call_documents table td a, #block_opp_documents table td a,
#block_addresses table td a, #block_future_addresses table td a, #block_memos table td a, #block_persons table td a, #block_networks table td a, #block_production table td a, #block_course_attendees table td a, #block_courses table td a, #block_modules table td a, #block_accommodations table td a, #block_def_modules table td a, #block_def_accommodations table td a, #block_authorize table td a{
	padding: 8px 5px 8px 5px;
	display: block;
}
#block_accountfeatures table tr:hover a, #block_contactfeatures table tr:hover a, #block_personfeatures table tr:hover a, #block_contactfeatures table tr:hover a, #block_activityfeatures table tr:hover a, #block_opportunityfeatures table tr:hover a, #block_connections table tr:hover a,
#block_act_documents table tr:hover a, #block_act_documents table tr:hover a, #block_opp_documents table tr:hover a, #block_opp_documents table tr:hover a, #block_call_documents table tr:hover a, #block_call_documents table tr:hover a, #block_authorize table tr:hover a, #block_addresses table tr:hover a, #block_future_addresses table tr:hover a, #block_memos table tr:hover a, #block_persons table tr:hover a{
	color: #fff !important;
	text-decoration: none !important;
}

.personBlockTable .persRole{
	width: 20%
}

.myTable{
	width: 100% !important;
    margin: 5px auto;
    clear: both;
    border-collapse: collapse;
    border-spacing: 0;
	word-wrap: break-word;
}
.myTable th.col-100, .myTable td.col-100 {
	width: 100px;
}
.myTable th.col-150, .myTable td.col-150 {
	width: 150px;
}
.myTable th.col-200, .myTable td.col-200 {
	width: 200px;
}

.attached-content tbody tr td:nth-child(2){
    width: 35%;
}
.attached-content tbody tr, .attached tbody tr{
	background-color: transparent !important;
}

.myTable tr{
	height: 34px;
}
.myTable:not(.isLoading) tr:hover{
	cursor: pointer;
}
.preference-table-popup .myTable tbody tr:not(.detail_row) td:not(.ins-row){
	padding: 0 6px 0 0px;
	vertical-align: middle;
	font-size: 0.99em;
}
.myTable:not(.connectionBlockTable):not(.accountFeatureBlockTable):not(.contactFeatureBlockTable):not(.personFeatureBlockTable):not(.activityFeatureBlockTable):not(.opportunityFeatureBlockTable):not(.orderFeatureBlockTable):not(.authBlockTable):not(.inboxTable):not(.documentBlockTable):not(.personBlockTable):not(.addressBlockTable):not(.memoBlockTable):not(.productionBlockTable):not(.networkBlockTable):not(.linkedUserBlockTable):not(.reportSelectionBlockTable) thead th{
	text-align: left;
	padding-left: 4px;
	font-size: 0.95em;
}

.details_container .myTable thead th{
	text-align: left;
	font-size: 0.9em !important;
	border-bottom: 2px solid #fff;
	padding-left: 6px;
}

.linkedUserBlockTable tbody tr {
	height: 43px;
}
.linkedUserBlockTable tr td,
.reportSelectionBlockTable tr td {
	overflow: visible !important;
	position: relative;
}
.reportSelectionBlockTable tbody tr td{
	vertical-align: top !important;
}
.reportSelectionBlockTable tbody tr td.deleteContainer{
	padding-top: 9px !important;
}

.linkedUserBlockTable .onoffswitchv2 {
	margin: auto;
}

.twitter-typeahead + .convertToTypeahead {
	display: none;
}
.multiselect {
	position: relative;
}
.multiselect + .convertToMultiselect {
	display: none;
}
.multiselect .summaryBtn {
	cursor:pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	color: #111;
	float: left;
	height: 32px;
	margin: 0 0 10px 0px;
	width: 100%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-size: 0.9em;
	-webkit-appearance: none !important;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	text-align: left;
	background-color: #fff;
    padding: 7px 35px 7px 10px !important;
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-size: 18px;
}
.multiselect ul {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
	position: absolute;
	top: 40px;
    background-color: #fff;
    z-index: 1000 !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.multiselect li {
    border-top: 1px solid #ccc;
}
.multiselect li:first-child {
    border-top: none;
}
.multiselect li input {
	display: none;
}
.multiselect label {
	cursor: pointer;
	margin: 3px 10px;
	padding: 0 0 0 25px;
	display: block;
    font-size: 0.9em;
    line-height: 24px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 0 center;
	background-image: url(../images/action/check-box-empty-dark.svg)
}
.multiselect input:checked + label {
	background-image: url(../images/action/check-box-dark.svg)
}*
.multiselect input[type="checkbox"] + label::before {
	margin-left: -25px;
	margin-right: 5px;
}
.multiselect input[type="checkbox"]:checked + label::after {
	top: 8px;
}

#memo_editor, #order_editor, #quotation_editor{
    min-height: 200px;
}
.inboxTable thead th{
	text-align: left;
	padding-left: 3px;
	font-size: 0.95em;
	border-bottom: 1px solid #ddd;
}

#left_panel{
	margin-top: -15px;
}
.calc_route_btn{
    margin-left: 10px !important;
    margin-top: 17px !important;
    float: left;
	display: none;
}
.calls_home .callsTable tbody tr td.exclamation{
    font-weight: bold !important;
    font-size: 1.3em !important;
}
.too-wide{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
}
.hide_column{
    display: none;
}
.show_column{
    display: table-cell !important;
}
#inbox-table.notbold tbody tr td, #inbox-table .dataTables_empty{
    font-weight: normal !important;
}

.inboxTable tbody tr td:nth-child(5), .inboxTable tbody tr td:nth-child(10){
	min-width: 100px;
}
.brd{
    border: 1px solid #ccc !important;
}
.details_container .myTable tbody tr.even{
   background: #fff; 
}

.authBlockTable thead tr th:nth-child(1), .authBlockTable tbody tr td:nth-child(1){
	display: none;
}

.network-div .person_search .search_button_person{
    float: right;
}

.myTable > tr{
	height: 36px !important;	
}

.sorting, .sorting:active, .sorting:focus{
	outline: 0;
}

.contactDetails, .addressDetails, .socialDetails, .depDetails, .documentDetails, .documentDetailsShow, .documentGenDetails, .settingsDetails, .memoDetails, .callnoteDetails, .quotationDetails, .courseDetails, .attendeeDetails, .orderDetails, .productpriceDetails{
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	width: 100%;
	padding: 0px 0px 0px 10px;
	float: left;
}

#view_page .contactDetails, #view_page .addressDetails, #view_page .socialDetails, #view_page .depDetails, #view_page .memoDetails, #view_page .callnoteDetails,  #view_page .orderDetails, #view_page .quotationDetails, #view_page .productpriceDetails{
	background-color: #e6e6ff;
	margin-bottom: 10px;
	padding: 10px 25px 5px 15px !important;
}

#article2 .save_form{
	display: none !important;
}

.errormessage{
	color: #ff0039;
	font-weight: bold;
	font-size: 13px;
    margin-left: 5px;
    margin-bottom: 0;
	display: none;
}
.select-template-fields-popup .errormessage, .select-template-fields-popup .successmessage, .print-error .errormessage{
    margin-top: 15px;
}
.acticle_search_dsp .filter-popup{
	min-width: 400px !important;
	width: 100% !important;
}

.acticle_search_dsp .filter-popup, .feature-table-popup, .preference-table-popup{
    display: none;
    position: absolute;
    width: 310px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #fff;
    margin-top: 40px;
    right: calc(7% + 3px);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    padding: 8px 6px;
	max-height: 300px;
    overflow: auto;
	z-index: 1;
}
.feature-table-popup, .codes-page .codesPopup {
    right: 15%;
    left: 15%;
    max-height: 70% !important;
	width: 70%;
	margin-top: 6% !important;
	overflow-x: hidden;
	position: fixed !important;
	top: 0;
}
.preference-table-popup {
    right: 10%;
    left: 10%;
    max-height: 70% !important;
	width: 80%;
	margin-top: 6% !important;
	overflow-x: hidden;
	position: fixed !important;
	top: 0;
	overflow: auto;
}
.codesPopup > div:not(.close-btn) {
	display: flex;
	padding-left: 20px;
}
.codesPopup div label{
    padding-left: 0 !important;
}
.codesPopup div input[type=checkbox]{
	margin-bottom: 17px;
    margin-top: 6px;
}
.codesPopup{
    overflow: auto !important;
}
.codesPopup .action_button, .codesPopup h3{
	margin-left: 20px !important;
}
.codesPopup .action_button{
	margin-top: 0px !important; 
}
.codes-page .errormessage{
	padding: 20px 20px 0px 20px !important;
}
.codes-page select option, .codes-page select{
    font-size: 13px;
	cursor: pointer;
}
.codes-page .codesPopup{
	right: 30% !important;
    left: 30% !important;
	width: 40% !important;
	border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
	padding: 13px 20px 20px 0px;
	display: none;
}
.codes-page #code-category-typeahead, .codes-page #code-table-typeahead{
	width: 400px !important;
}
.codes-page .left > div{
	width: 100%;
	float: left;
}
.codes-page .codesPopup .first{
	padding-top: 9px !important;
	width: 40% !important;
}
.preference-table-popup .first{
    padding-top: 2px !important;
    width: 60px !important;
}

.codes-page .codesPopup .second{
	width: 60% !important;
}
.preference-table-popup .second{
	width: 302px !important;
}

.preference-table-popup table{
	margin: 0 auto !important;
}
.feature-table-popup table tbody tr.-uocc-empty-, .preference-table-popup table tbody tr.-uocc-empty-{
	display: table-row !important;
}
.feature-table-popup .firstsection label, .preference-table-popup section label{
	font-weight: bold;
	float: left;
	padding-top: 6px;
}

.preference-table-popup section label{
	padding-bottom: 6px;
	padding-left: 5px !important;
}
.feature-table-popup section:not(.firstsection) input.action_button, .preference-table-popup section:not(.firstsection) input.action_button{
    margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 20px;
    float: left;
}
.feature-table-popup .firstsection input.form-control, .preference-table-popup .firstsection input.form-control{
	float: left;
}

.feature-table-popup .firstsection input.form-control{
	width: calc(100% - 140px);
}
.feature-table-popup table tbody tr td.del-cell{
	padding: 0 15px 7px 10px !important;
}
.preference-table-popup table tbody tr td.del-cell, .preference-table-popup table tbody tr td.det-cell{
	padding: 0px 3px 8px 3px !important;
	width: 24px !important;
}
.feature-table-popup .firstsection > div > span{
    width: 140px;
    float: left;
}
.preference-table-popup .scrollable{
	max-height: 500px;
    overflow: auto;
    width: 100%;
}
.feature-table-popup section.firstsection{
	width: calc(40% - 40px);
    float: left;
    padding: 0 20px;
	min-width: 240px;
}
.feature-table-popup section:not(.firstsection){
    width: calc(60% - 40px);
    float: left;
    padding: 0 0 0 20px;
}
.preference-table-popup section{
    width: calc(40% - 40px);
    float: left;
    padding: 0 20px;
}
.preference-table-popup .firstsection{
    width: calc(60% - 40px);
    float: left;
    padding: 0 0 0 20px;
}

.feature-table-popup div, .preference-table-popup > div{
	width: calc(100% - 4px);
	float: left;
	margin-left: 2px;
	overflow: auto;
    max-height: 400px;
}
.feature-table-popup span.notablecheck, .preference-table-popup span.notablecheck{
	margin-left: 2px;
}
.order-div .acticle_search_dsp .filter-popup, .quotation-div .acticle_search_dsp .filter-popup{
    left: 0;
	position: relative !important;
	margin-top: 4px !important;
}
.opportunity-div .acticle_search_dsp .filter-popup{
	right: calc(5% - 5px);
    width: 300px !important;
	margin-top: 4px !important;
    top: 285px;
}
div.planitem .acticle_search_dsp .filter-popup{
	left: calc(49% - 428px);
    width: 300px !important;
	margin-top: 4px !important;
    top: 328px;
}
.acticle_search_dsp .filter-popup .undo-article-popup{
    float: right;
	text-decoration: underline;
}

.tree-main input, .tree-expand{
	float: left;
	padding: 0;
}
.tree-main .tree-select{
	width: calc(100% - 20px);
	text-align: left;
	margin: 0;
}
.dmisar01_table, .dmisar02_table, .dmisar03_table .dmisar10_table{
	border: 0;
	border-collapse: collapse;
	width: 100%;
	float: left;
}

.dmisar01_table td, .dmisar02_table td, .dmisar03_table td, .dmisar10_table td{
	display: block;
}
.dmisar01_table tbody, .dmisar01_table tr, .dmisar02_table tbody, .dmisar02_table tr, .dmisar03_table tbody, .dmisar03_table tr, .dmisar10_table tr{
    width: 100%;
    float: left;
}
.dmisar02_table, .dmisar03_table{
    margin-left: 15px;
    width: calc(100% - 15px);
}
.dmisar10_table{
	margin-left: 30px;
    width: calc(100% - 30px);
}
.dmisar03_table .dmisar10_table{
	width: calc(100% - 30px) !important;
}
.tree-expand, .tree-expand input{
    width: 20px;
    height: 20px;
}
.tree-expand input{
    padding: 0;
}
.quotation-div .tree-select input.selectedopp{
	background-color: #11905A !important;
	background-color: var(--calls-color, #11905A) !important;
	color: #fff !important;
}
.order-div .tree-select input.selectedopp{
	background-color: #7C4F88 !important;
	background-color: var(--opportunities-color, #7C4F88) !important;
	color: #fff !important;
}
.acticle_search_dsp .search-input .twitter-typeahead{
    float: left;
}

.order-div .acticle_search_dsp .search-input .twitter-typeahead{
    width: 75% !important;
}
.acticle_search_dsp .filter-popup input[type=button]:not(.close-popup){
	border: 0;
	padding: 4px;
	background-color: #fff;
}
.acticle_search_dsp .filter-popup input[type=button]:hover{
	text-decoration: underline;
	cursor: pointer;
}
.acticle_search_dsp .search-input{
    float: left;
}
.template-list-item{
	transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.successmessage{
	color: #229e15;
	font-weight: bold;
	font-size: 13px;
    margin-left: 5px;
    margin-bottom: 0;
    margin-top: 10px;
	display: none;
}

div.error:not(#archivefolder):not(.cke_inner){
    color: #ff0039;
    font-size: 92%;
    margin-bottom: 15px;
    padding-left: 23px;
    font-style: italic;
    margin-top: 0px;
	background-image: url(../images/action/error.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.selectionFilter .first{
	margin-bottom: 10px;
}
.acttype-div div.first, .attendee-div div.first{
	padding-top: 3px !important;
}

.contactDetails div .first, .addressDetails div .first, .socialDetails div .first, .depDetails div .first, .documentDetailsShow div .first, .documentDetails div .first, .documentGenDetails div .first, .settingsDetails div .first, .resourceDetails div .first, .copy_selection .first,
.memoDetails div .first, .callnoteDetails div .first, .quotationDetails div .first, .coachDetails div .first, .courseDetails div .first, .attendeeDetails div .first, #kvk-form .first, .reportFields .first, .selectionFilter .first, .planitem .first, .gradeDetails div .first, .orderDetails div .first, .productpriceDetails div .first{
    width: 36% ;
    float: left;
	word-break: break-word;
	padding-top: 9px;
	font-weight: bold;
}
.contactDetails div .second, .addressDetails div .second, .socialDetails div .second, .depDetails div .second, .documentDetailsShow div .second, .documentDetails div .second, .documentGenDetails div .second, .settingsDetails div .second, .copy_selection .second,
.memoDetails div .second,.callnoteDetails div .second, .quotationDetails div .second, .coachDetails div .second, .resourceDetails div .second, .courseDetails div .second, .attendeeDetails div .second, #kvk-form .second, .reportFields .second, .selectionFilter .second, .planitem .second, .gradeDetails div .second, .orderDetails div .second,
.productpriceDetails div .second, .taskDetails div .second{
    width: 60%;
    float: left;
	word-break: break-word;
    min-height: 42px;
}
.depDetails div .second .search_dsp{
	word-break: keep-all !important;
}
.contactDetails div .second .form-control, .addressDetails div .second .form-control, .socialDetails div .second .form-control, .depDetails div .second .form-control, .documentDetailsShow div .second .form-control, .documentDetails div .second .form-control, .documentGenDetails div .second .form-control, .settingsDetails div .second .form-control,
.memoDetails div .second .form-control,.callnoteDetails div .second .form-control, .coachDetails div .second .form-control, .courseDetails div .second .form-control, .attendeeDetails div .second .form-control, #kvk-form .second .form-control, #linkedin-form .second .form-control, .reportFields .second .form-control, .selectionFilter .second .form-control, .planitem .second .form-control,
.gradeDetails div .second .form-control, .orderDetails div .second .form-control, .quotationDetails div .second .form-control, .productpriceDetails div .second .form-control, .resourceDetails div .second .form-control{
    margin: 0 0 6px 0px;
}
.contactDetails div .secondTextarea, .addressDetails div .secondTextarea, .socialDetails div .secondTextarea, .depDetails div .secondTextarea, .documentDetailsShow div .secondTextarea, .documentDetails div .secondTextarea, .documentGenDetails div .secondTextarea, .settingsDetails div .secondTextarea, .resourceDetails div .secondTextarea,
.memoDetails div .secondTextarea, .coachDetails div .secondTextarea, .courseDetails div .secondTextarea, .attendeeDetails div .secondTextarea, #kvk-form .secondTextarea, #linkedin-form .secondTextarea, .reportFields .secondTextarea, .selectionFilter .secondTextarea, .orderDetails div .secondTextarea, .quotationDetails div .secondTextarea{
    height: 84px;
}
.smaller_searchdsp{
	width: calc(60% - 30px) !important;
}
.coursesagenda-page .indirect-table{
	border-collapse: collapse;
}
.coursesagenda-page .indirect-table thead th{
	text-align: left;
}

.coursesagenda-page ul.tagit li.tagit-choice{
	background-color: #2B6190;
	background-color: var(--courses-color, #2B6190);
}
.coach_mail_btn{
	position: absolute;
    height: 20px;
    width: 20px;
    right: 45px;
    top: 7px;
}
.selectionFilter .secondTextarea .form-control {
	resize: none;
}
.gradeDetails .gradeMod{
	width: 100%;
    margin-bottom: 20px;
    float: left;
    padding-left: 3px;
}
.gradeDetails .gradeMod .first{
    width: 135px;
}
.gradeDetails .gradeMod .second{
    width: 320px;
}
.callnote_details div .first {
    width: 36% ;
    float: left;
	word-break: break-word;
	padding-top: 9px;
	padding-left: 9px;
	font-weight: bold;
}

#cke_settings_signature_editor{
	float: left;
    border: 1px solid #2a353b;
	width: 100%;	
}
.cke_source{
    white-space: normal !important;
}
.cke_dialog_container{
	z-index: 1001000000 !important;
}
.settingsDetails h2{
	background-color: white !important;
	color: #2a353b !important;
	text-decoration: underline;
	padding: 5px 0px !important;
	text-transform: none !important;
}
.savesig .action_button{
	float: left;
}

.account-div #Straatnummer, .person-div #Straatnummer, .coursereg-div #Straatnummer {
    width: 25% !important;
    float: left !important;
    margin-left: 0px !important;
	margin-right: 5% !important;
}
.toev{
	font-weight: bold;
    float: left;
    padding-top: 6px;
	width: 40%;
	text-align: center;
}
.tab-content .toev{
    width: 62% !important;
}
.tab-content .toev label{
	float: left;
}
.tab-content #Straatnummer{
	width: 25% !important;
	margin-right: 2% !important;
}
.tab-content #StraatnummerExtra{
	width: 35% !important;
    margin-left: 0% !important;
}
.d_event_webinschrijvingen .second span:empty{
	cursor: default !important;
}
.d_event_webinschrijvingen .second span:not(:empty){
	cursor: pointer !important;
}
.addcoursereg-div .myTable.add-table .twitter-typeahead{
    height: 40px;
}
.del_beznummertoev_webinschrijvingen, .ins_beznummertoev_webinschrijvingen, .fct_beznummertoev_webinschrijvingen,
.del_nummertoev_webinschrijvingen, .ins_nummertoev_webinschrijvingen, .fct_nummertoev_webinschrijvingen{
	float: left;
    width: 34%;
}
.booker-tab-contactid, .invoicee-tab-contactid{
	display: none;
	margin-top: 10px;
}
.delegate-tab-content .add-table .company, .delegate-tab-content .add-table .personal, .booker-tab-content .add-table .company, .booker-tab-content .add-table .personal, .invoicee-tab-content .add-table .company, .invoicee-tab-content .add-table .personal{
	width: 100%;
	float: initial !important;
}
.delegate-tab-content .company, .delegate-tab-content .personal, .booker-tab-content .company, .booker-tab-content .personal, .invoicee-tab-content .company, .invoicee-tab-content .personal{
	width: 100%;
	float: left;
}
.delegate-tab-content .personal, .booker-tab-content .personal, .invoicee-tab-content .personal{
	margin-top: 20px;
}
.contactDetails.amyyondata{
	margin-top: 17px !important;
}
.ins_accountradio_webinschrijvingen .checktable, .fct_accountradio_webinschrijvingen .checktable{
	float: left;
    margin-left: -10px;
    margin-bottom: 20px;
}
.coursereg-div .personTableHolder .dataTables_filter{
	padding: 15px 0px 0 15px;
}
.coursereg-div .personTableHolder .dataTables_filter label{
	font-weight: bold;
	font-size: 0.95em;
}
.coursereg-div .right-column.contactDetailsSection{
	margin-left: 40px !important;;
}
.account-div #StraatnummerExtra, .person-div #StraatnummerExtra, .coursereg-div #StraatnummerExtra {
    width: 25% !important;
    float: left !important;
    margin-left: 5% !important;
	margin-right: 0px !important;
}

#article1{
	padding-top: 15px;
}
#article1 form.form-horizontal.activated input[type="search"]:disabled{
	border: 1px solid #fff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
	border-bottom: 1px solid #ccc;
}
#article2 .details-part{
    margin-top: 15px;
}
.agenda_date, .rep_date, .fin_date{
	width: 55% !important;
    float: left !important;
}
.agenda_time, .rep_time, .fin_time{
	float: left !important;
    margin-left: 5% !important;
    width: 40% !important;
}
.drop_down_alert, .drop_down_second_alert, .delete-menu, .activities_home .existing-activity-bar{
	top: calc(15% - 1px);
}

.drop_down_alert, .drop_login_alert, .drop_down_second_alert{
    border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px; 
	-moz-border-radius: 0px 0px 15px 15px;
	z-index: 1;
	position: absolute;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
    width: 350px;
	text-align: center;
    padding: 10px 45px 10px 30px;
	left: 0;
    right: 0;
    margin: -15px auto;
	border-top: 0px !important;
	z-index: 32770;	
    display: none;
}

.drop_login_alert{
	z-index: 32768 !important;
	top: 33%;
    margin: -40px auto;
}

#drag-and-drop{
	float: right;
    margin: 36px 153px 0px 0px;
    border-radius: 75% 0 0 75%;
	-webkit-border-radius: 75% 0 0 75%; 
	-moz-border-radius: 75% 0 0 75%;
}

.drop_home_favorites, .drop_home_option, .mail_documents{
	font-weight: normal;
    width: 270px;
    padding: 5px 32px 5px 10px;
    font-size: 14px;
    margin-top: 5px;
    height: 2.3em;
    color: #2a353b;
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 234px 0px;
    border: 1px solid #ccc;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    float: right; 
}

.drop_home_option:hover{
	cursor: pointer;
}

#accountfilter, #personfilter, #coursefilter, #orderfilter, #quotationfilter, #documentfilter, #alertfilter{
	float: right;
    margin-top: 7px;
	width: 330px;
	padding-right: 20px;
}
#activityfilter, #callfilter, #opportunityfilter{
    float: right;
    margin-top: 7px;
    width: 360px;
	padding-right: 20px;	
}
#attendeefilter {
    float: right;
    width: 540px;
	margin-top: 7px;
    height: 35px;
	padding-right: 20px;
}

#accountfilter .typeahead, #personfilter .typeahead, #activityfilter .typeahead, #callfilter .typeahead, #coursefilter .typeahead, #attendeefilter .typeahead, #opportunityfilter .typeahead, #orderfilter .typeahead, #quotationfilter .typeahead, #documentfilter .typeahead, #alertfilter .typeahead{
	margin-top: 1px !important;
}

.drop_error:not(.fancypopup) input, .drop_warning:not(.fancypopup) input, .drop_success:not(.fancypopup) input{
    background-image: url(../images/action/close-mess.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    border: 0;
    background-color: transparent;
    width: 12px;
    height: 12px;
    padding: 18px 20px;
    top: 0px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    background-position: center right 12px;
}
.drop_success{
	color: #3c763d;
    background-color: #dff0d8;
	border: 2px solid #3c763d;
	word-break: break-word;
}

.drop_error{
	color: #a94442;
    background-color: #f2dede !important;
	border: 2px solid #a94442;
	word-break: break-word;
}
.drop_warning{
	color: #31708f;
    background-color: #d9edf7;
	border: 2px solid #31708f;
	word-break: break-word;
}
.fancypopup.drop_success, .fancypopup.drop_warning, .fancypopup.drop_error{
	color: #333 !important;
}

#context-menu{
	position: absolute;
    background: purple;
    width: 200px;
    height: 300px;
}
.page{
	float: left;
	width: 100%;
	margin-bottom: 150px;
}

.box{
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 100%;
	height: 500px;
	padding: 10px;
	background-color: #EEE;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	text-align: center;
	font-weight: 300;
	font-size: 20px;
	line-height: 36px;
	overflow: hidden;
}
.container{
	margin-left:0;
	margin-right:0;
}

#imgs {
	width: 200%;
	position: relative;
	left: 0px;
}

.properties code, .methods code, .events code {
	cursor: pointer;
	text-decoration: underline;
}

#droplist > li{
	list-style-type: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
	
nav ul {
	background: -moz-linear-gradient(to top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(to top, #efefef 0%,#bbbbbb 100%); 
	background: linear-gradient(to top, #efefef 0%, #bbbbbb 100%); 
	background: #efefef; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px;
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

label:not(.onoffswitch-label0, .onoffswitch-label1, .onoffswitch-label2, .onoffswitch-label3, .onoffswitch-label4, .onoffswitch-label5, .onoffswitch-label6, .onoffswitch-label7, .onoffswitch-label8){
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

:invalid {
	box-shadow: none;
}
:-moz-submit-invalid {
	box-shadow: none;
}
:-moz-ui-invalid {
	box-shadow: none;
}

.typeahead__list>li>a{
	border-bottom: 1px solid #ccc;
}
.typeahead__list>li, .typeahead__dropdown, .typeahead__list{
	border-top: 0px !important;
}
.typeahead__item{
	color: #2a353b;
}

#Loginform .first label{
	width: 100%;
	margin-top: 0;
}
#Loginform .second label{
    width: 100%;
    margin-left: 0;
}
#Loginform .pass_save{
    float: left;
    margin-left: 8px !important;
}

#settingsForm1 .pass_save{
    float: left;
	margin-left: 300px !important;
    margin-top: 0px !important;
}

#select_page_typeahead .action_button{
	margin-top: 0px !important;
}

.prev_btn, .next_btn{
	border: 0px;
	background: #2a353b;
	top: 50%;
    position: fixed;
	background-size: 19px !important;
    height: 34px !important;
    width: 34px !important;
	z-index: 2;
	cursor: pointer;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	display: none;
}

.prev_btn{
    left: 0.4%;
	background-position: 6px center !important;
}
.next_btn{
    right: 0.5%;
	background-position: 8px center !important;
}

.keep_menu{
	right: calc(0.4% + 100px) !important;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

h2.mailheader {
	float: left;
}

.logout_btn_div{
    position: absolute;
    right: 3% !important;
	z-index: 334568;
	display: block;
    text-align: right;
    top: 2px;
    font-size: 1.1em;
}
.logout_btn{
    border: 0px;
    color: white;
	cursor: pointer;
	font-size: 0.9em;
	margin-right: 3px;
	background-image: url(../images/action/logout.svg) !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right 0px;
	background-color: transparent;
	padding-right: 28px;
}
.logout_btn:hover{
	text-decoration: underline;
}

body.login .logout_btn_div{
	display: none;
}

.logout_btn:active{
    margin-top: 1px;
}
.logout_btn.refreshpage{
	background-image: url(../images/action/refresh_white.svg) !important;
}
.overlayLogin, .overlayCode {
	width:	260px;
	min-width: 100%;
}
.overlayLogin input, .overlayCode input {
	margin-top: 5px;
}
.overlayLogin label, .overlayCode label {
	font-weight: bold;
}
.overlayLogin #overlayLoginError, .overlayCode #overlayCodeError{
	color: red;
}
.merge-del-mess {
	color: #d40707;
}
#breadcrumbList li{
	display: inline;
	color: #ffffff;
	font-size: 0.9em;
	cursor: pointer;
}
#breadcrumbList li:hover{
	font-style: italic;
}
#breadcrumbList li a{
	color: #ffffff;
	font-size: 0.9em;
}

#content-home input[type=text]:focus, #content-home input[type=password]:focus, #content-home input[type=search]:focus{
	border: 2px solid #0089a1 !important;
}

.dragDropIcon{
	display: none;
}

input:focus, textarea:focus, select:focus{
    outline: 0 !important;
}

.selection-control{
	z-index: 200; 
	top: 1205px; 
	left: 160px; 
	width: 90%;
	margin:14px 50px 25px 0;
}

.clear {
	clear: both;
}

header .exit-button, div[role=banner] .exit-button {
	margin-top: 35px;
	margin-right: 35px;
	display: inline-block;
    float: right;
}

.exit-button {
	width: 34px;
	height: 34px;
	z-index: 9000;
	cursor: pointer;
	border: 0px;
    background: transparent;
	background-image: url("../images/action/cross.svg");
	background-repeat: no-repeat;
	background-size: 34px;	
}
.attachment{
	width: 10px;
	height: 20px;
	background-image: url("../images/inbox/paperclip.svg");
	background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
}
.low{
	width: 13px;
	height: 25px;
	background-image: url("../images/inbox/arrow-down-blue.svg");
	background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
}
.high{
	width: 13px;
	height: 25px;
	background-image: url("../images/inbox/exclamation.svg");
	background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
}

.open{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/opened.svg");
	background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.closed{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/closed.svg");
	background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.reply{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/reply.svg");
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left 4px;
}
.forward{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/forward.svg");
	background-size: 18px;
    background-repeat: no-repeat;
    background-position: center left 4px;
}
.appointment-meet{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/appointment.svg");
	background-size: 18px;
    background-repeat: no-repeat;
    background-position: center left 4px;
}
.appointment-cancel{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/appointment-cancel.svg");
	background-size: 18px;
    background-repeat: no-repeat;
    background-position: center left 4px;
}
.appointment-accept{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/appointment-accept.svg");
	background-size: 18px;
    background-repeat: no-repeat;
    background-position: center left 4px;
}
.task{
	width: 25px;
	height: 25px;
	background-image: url("../images/inbox/task.svg");
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left 3px;
}
/* set tasks dsp (prolong/invoice) */
.settask-container .taskDetails{
	margin-left: 3%;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 0;
}
.settask-container .starttask .form-control {
	margin: 5px 0px 0px 0px !important;
}
.settask-container .starttask .tasktype{
	font-weight: bold;
}
.settask-container .starttask .tasktime {
	display: inline-block;
	width: 80px;
}
.settask-container .starttask .task-selection-typeahead {
	width: 270px !important;
}
.settask-container .starttask #task-selection-typeahead .tt-menu{
	width: 350px !important;
}
.settask-container .starttask .addEmail .form-control, .settask-container .starttask .taskselection .form-control {
	width: 300px !important;
}

.settask-container .starttask .first {
	width: 275px !important;
	float: left;
    word-break: break-word;
    padding-top: 12px;
    font-weight: bold;
}
.attendee-move-div .taskDetails{
	margin-top: 0 !important;
}

.settask-container .starttask .myTable:not(.isLoading) tbody tr:not(.detail_row) td {
	cursor: default !important;
}
.settask-container .starttask h3 {
	margin: 0px 0px 5px 0px;
}
.settask-container .starttask div.second {
	width: calc(100% - 275px) !important;
    min-width: 300px;
}
.settask-container .starttask .bottom_button{
	float: left;
    width: 100%;
}
.dedup-accounts-page .settask-dsp-container, .dedup-persons-page .settask-dsp-container{
	float: left !important;
}

.settask-dsp-container{
	float: right;
	min-width: 464px;
}
.settask-container .taskDetails{
	width: 100% !important;
}
.movecopy_radio table tr{
	display: table-cell !important;
}
.movecopy_radio table tr td label{
	cursor: pointer;
	margin-right: 10px;
	margin-top: 4px;
	float: left;
}
.movecopy_radio table tr td input{
	margin-left: 0 !important;
}
.attendee-move-div .attendee-width .bottom-buttons > input{
	margin-right: 5px;
	margin-top: 0 !important;
}

#inbox-table tbody tr:not(.added-row):hover .attachment, #inbox-table .inserted-row .attachment{
	background-image: url(../images/inbox/paperclip-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .high, #inbox-table .inserted-row .high{
	background-image: url(../images/inbox/exclamation-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .low, #inbox-table .inserted-row .low{
	background-image: url(../images/inbox/arrow-down-white.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .open, #inbox-table .inserted-row .open{
	background-image: url(../images/inbox/opened-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .closed, #inbox-table .inserted-row .closed{
	background-image: url(../images/inbox/closed-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .reply, #inbox-table .inserted-row .reply{
	background-image: url(../images/inbox/reply-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .forward, #inbox-table .inserted-row .forward{
	background-image: url(../images/inbox/forward-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .appointment-meet, #inbox-table .inserted-row .appointment-meet{
	background-image: url(../images/inbox/appointment-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .appointment-cancel, #inbox-table .inserted-row .appointment-cancel{
	background-image: url(../images/inbox/appointment-cancel-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .appointment-accept, #inbox-table .inserted-row .appointment-accept{
	background-image: url(../images/inbox/appointment-accept-hover.svg) !important;	
}
#inbox-table tbody tr:not(.added-row):hover .task, #inbox-table .inserted-row .task{
	background-image: url(../images/inbox/task-hover.svg) !important;	
}
#inbox-table tbody td.del-icon {
	background-image: url(../images/action/close.svg) !important;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center 6px;
}	
#inbox-table tbody td.office365-icon {
	background-image: url(../images/action/office-365.svg) !important;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center 6px;
}	
#inbox-table{
	margin-top: 60px !important;
}
#inbox-table > tbody > tr:not(.added-row){
	font-weight: bold;
}

#inbox-table_wrapper{
	margin-top: -53px;
	float: right;
	width: 100%;
}
#inbox-table_wrapper .paging_full_numbers{
	padding-top: 0 !important;
}
#inbox-table_filter{
    width: auto;
    position: relative;
    float: right;
    top: 14px;
	margin-right: 615px;
}
#inbox-table_filter label{
	font-weight: bold;
	line-height: 31px;
}
#inbox-table_filter input{
    width: 200px;
    float: right;
    color: #111;
    height: 32px;
    padding: 8px 7px 7px 10px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 0.95em;
    -webkit-appearance: none !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
#inbox-table_paginate span{
	display: none;
}
#inbox-table > tbody > tr.row_selected td:not(.del-icon):not(.office365-icon), #inbox-table > tbody > tr:not(.added-row):hover td:not(.del-icon):not(.office365-icon), #inbox-table .dataTables_empty, .inbox_home .personSearchTableHolder .myTable tbody tr:hover, .inbox_home .accountSearchTableHolder .myTable tbody tr:hover, body.inbox_home .userTasksTable tbody tr:not(.detail_row):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.collectivecheck), body.inbox_home .favoritesTable tbody tr:hover td:not(.editicon), body.inbox_home .myTable .dataTables_empty{
	background-color: #D49F00 !important;
	background-color: var(--inbox-color, #D49F00) !important;
	color: #fff !important;
}

.forgot-pwd{
	font-size: 13px;
    float: right;
    padding: 5px;
	font-size: 13px;
    float: right;
    margin-right: 0;
    padding: 3px 6px;
    border: 0;
    background: transparent;
    color: #fff;
	margin-top: -5px;
}
.forgot-pwd:hover{
	cursor:pointer;
	text-decoration: underline;
}
.added-row{
	cursor: default !important;
}
.allgrades{
	float: left;
	width: 100% !important;
	margin-top: -14px !important;
	margin-bottom: 18px;
}
.courseGradesDataTable, .allgrades table{
	width: 100% !important;
	margin-left: 0 !important;
	min-width: 950px;
}
.courseGradesDataTable tbody td.D_GRADE input{
	min-width: 90px;
}
.courseGradesDataTable tbody td.D_REMARKS input{
	min-width: 150px;
}
.allgrades table td{
	padding: 0 6px 0 5px;
}
.allgrades table td:not(.apply) input{
	margin-bottom: 0 !important;
}
.allgrades table td.apply input{
	margin-top: 0;
}
.allgrades table{
	min-width: 965px !important;
}
.courseGradesDataTable td.D_DATE input, .allgrades table td.dat input{
	min-width: 130px;
}
.myTable:not(.courseGradesDataTable) .odd {
	background-color: #e8e8e8;
}
.myTable.courseGradesDataTable .odd td:not(.D_DATE):not(.D_GRADE):not(.D_REMARKS):not(.D_PRESENT):not(.D_DISPENSATION){
	background-color: #e8e8e8;
}
.courseGradesDataTable .D_DEFAULTDATE, .courseGradesDataTable .D_DEFAULTGRADE{
	display: none;
}
.courseGradesDataTable .del_grade{
    background-image: url(../images/action/close.svg);
	background-repeat: no-repeat;
	background-size: 20px;
    background-color: transparent;
	border: 0;
    width: 20px;
    height: 20px;
	cursor: pointer;
}
.courseGradesDataTable tbody td.D_DELBTN {
    background-color: #fff !important;
}
.inboxTable > thead > th{
	cursor: pointer !important;
}
.ins-row, .inserted-row:hover {
	background-color: rgba(53, 117, 169, 0.15) !important;
	padding-bottom: 20px;
}
.inserted-row td:not(.del-icon):not(.office365-icon){
	background-color: #D49F00 !important;
	background-color: var(--inbox-color, #D49F00) !important;
	color: #fff !important;
}
.inboxTable th.office365-icon{
	text-align: center;
}
.dataTables_length{
	display: none;
}
.accept-button {
	width: 34px;
	height: 34px;
	z-index: 9000;
	cursor: pointer;
	border: 0px;
    background: transparent;
	background-image: url('../images/action/checkmark.svg');
	background-repeat: no-repeat;
	background-size: 34px;
}
.form-control, .planitem-datefilter input[type=date]{
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	color: #111;
	float: left;
	height: 32px;
	padding: 4px 7px 4px 10px;
	margin: 0 0 10px 0px;
	width: 100%;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
	font-size: 0.95em;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	appearance: none;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.myOrderCk, .myQuotationCk, .myHistQuotationCk{
	display: none;
	margin-top: 10px;
    margin-left: 10px;
}
.open-order-ck, .open-quotation-ck, .open-histquotation-ck{
    margin-top: 7px;
    float: left;
    text-decoration: underline;
    cursor: pointer;
	margin-bottom: 15px;
	margin-left: 10px;
}
.order-ck-section, .quotation-ck-section, .histquotation-ck-section{
    float: left;
	width: 100%;
}

.orderrow-header, .quotationrow-header{
	margin-left: 10px;
	margin-top: 0;
}
.open-order-ck:hover, .open-quotation-ck:hover, .open-histquotation-ck:hover{
	text-decoration: none;
}
.orderLinesTable, .quotationLinesTable, .histQuotationLinesTable {
	margin-left: 7px;
	width: calc(100% - 7px);
	margin-bottom: 10px;
}
.orderLinesTable .form-control, .quotationLinesTable .form-control, .histQuotationLinesTable .form-control{
	margin: 0px !important;
	font-size: 1em !important;
}
.orderLinesTable td, .quotationLinesTable td{
    padding: 0 4px !important;
}
.histQuotationLinesTable td {
	padding: 0 2px !important;
}
.orderLinesTable .inkoopf02, .orderLinesTable .verkoopor02, .orderLinesTable .d_bedragor02, .orderLinesTable .inkoopf02 input, .orderLinesTable .verkoopor02 input, .orderLinesTable .d_bedragor02 input,
.orderLinesTable .aantalor02, .orderLinesTable .kortingor02, .orderLinesTable .aantalor02 input, .orderLinesTable .kortingor02 input,
.quotationLinesTable .inkoopf06, .quotationLinesTable .verkoopf06, .quotationLinesTable .d_bedragf06, .quotationLinesTable .inkoopf06 input, .quotationLinesTable .verkoopf06 input, .quotationLinesTable .d_bedragf06 input,
.quotationLinesTable .aantalf06, .quotationLinesTable .kortingf06, .quotationLinesTable .aantalf06 input, .quotationLinesTable .kortingf06 input,
.histQuotationLinesTable .inkoopf09, .histQuotationLinesTable .verkoopf09, .histQuotationLinesTable .d_bedragor02, .orderLinesTable .inkoopf02 input, .orderLinesTable .verkoopor02 input, .orderLinesTable .d_bedragor02 input,
.histQuotationLinesTable .aantalf09, .histQuotationLinesTable .kortingf09, .histQuotationLinesTable .d_bedragf09, .histQuotationLinesTable .aantalf09 span, .histQuotationLinesTable .kortingf09 span, .histQuotationLinesTable .d_bedragf09 span{
	text-align: right !important;
}
.orderLinesTable .invoicedor02, .orderLinesTable .composedor02, .quotationLinesTable .composedf06{
	text-align: center !important;
}
.orderLinesTable .inkoopf02, .orderLinesTable .verkoopor02, .orderLinesTable .d_bedragor02, .orderLinesTable .invoicedor02, .orderLinesTable .composedor02,
.quotationLinesTable .inkoopf06, .quotationLinesTable .verkoopf06, .quotationLinesTable .d_bedragf06, .quotationLinesTable .composedf06{
	width: 10% !important;
}
.orderLinesTable .aantalor02, .quotationLinesTable .aantalf06, .quotationLinesTable .kortingf09, .quotationLinesTable .aantalf09, .histQuotationLinesTable .aantalf09,
.histQuotationLinesTable .inkoopf09, .histQuotationLinesTable .verkoopf09, .histQuotationLinesTable .artikelnr{
	width: 80px !important;
}
.histQuotationLinesTable .d_bedragf09, .orderLinesTable .kortingor02, .quotationLinesTable .kortingf06, .histQuotationLinesTable .kortingf09{
	width: 100px !important;
}
.orderLinesTable .artomsp10, .quotationLinesTable .artomsp10{
	width: 22% !important;
}
.histQuotationLinesTable .artomsp10{
	width: 21% !important;	
}
.order-div .article_search .first, .quotation-div .article_search .first{
	display: none;
}
.artikelor02 span, .artikelf06 span{
	float: left;
    padding-top: 9px;
    padding-bottom: 8px;
}
.artikelor02 input, .artikelf06 input{
	float: right;
    margin-top: 1px;
    margin-left: 3px;
	padding: 0;
}
.orderline-article{
	width: 50%;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}
.orderline-article .first{
    width: 150px;
    float: left;
    margin-top: 8px;
}
.orderline-article > .second{
    width: 60%;
    float: left;
}
.orderline-article .first label{
	font-weight: bold;
}
.myOrderCk .disabled_fieldset, .myQuotationCk .disabled_fieldset{
	right: calc(5% - 10px) !important;
}

#orderline-article .acticle_search_dsp .filter-popup{
	position: relative !important;
}
.invoiceOrderlnTable .errorrow .collerror, .invoice-course-div .invoiceAtts .errorrow .collerror, .invoiceHoursDatatable .errorrow .collerror{
    background-image: url(../images/action/error.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 5px 6px;
}

textarea.form-control{
	height: 74px;
}

label.form-control{
	border: 0px !important;
}
.omsc.feature-input input{
    width: 100%;
}
.inputFieldAlligner{
	margin: -28px 0 10px 45%;
	position: static; 
	width: 70%;
}
.headers {
	margin-left: 3%;
	position: absolute;
	bottom: -20px;
	height: 20px;
}
.hiddenframe{
	display: none;
}
input[type="search"]:disabled, input[type="text"]:disabled{
	opacity: 1 !important; 
    background-color: white !important;
}

#template-crumbs{
    float: left;
    width: 100%;
	margin-bottom: 15px;
	margin-left: 5px;
}
#template-crumbs div{
	float: left;
}
#template-crumbs a{
	color: #111;
	font-weight: bold;
}
#template-crumbs a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.week-field .start_end_date{
	float: left;

}
.week-field .start_end_date input{
	float: left;
	width: 110px;
	margin-right: 5px;
}
.week-field .start_end_date span{
	float: left;
	margin-top: 8px;
    margin-left: 5px;
    margin-right: 8px;
}
body.approvehours_home span section, body.invoicehours_home span section{
	margin-bottom: 0px !important;
}
body.approvehours_home .noresults, body.invoicehours_home .noresults{
	margin-top: 15px;
    float: left;
}
body.invoicehours_home .progress-header{
	float: left;
    margin-top: -18px;
}
body.invoicehours_home .progress-text{
    width: 200px !important;
    margin-top: 12px !important;
    position: absolute !important;
    text-align: center !important;
    margin-left: 20px !important;
}
.approvehours-section .man-typeahead, .invoicehours-section .dep-field{
	margin-top: 15px;
}
.approvehours-section .action_save:hover, .invoicehours-section .action_save:hover{
	background-color: #FF5722;
	background-color: var(--timewriting-color, #FF5722);
}
.approvehours_home .save_bottom, .invoicehours_home .save_bottom{
	margin-top: 20px;
}

.approvehours-section .man-typeahead, .approvehours-section .week-field, .approvehours-section .year-field, .invoicehours-section .week-field, .invoicehours-section .year-field, .invoicehours-section .dep-field{
	width: 50%;
	float: left;
	min-width: 845px !important;
}
.approvehours-section, .invoicehours-section{
	margin-top: 18px !important;
}
.approvehours-section .man-typeahead .first label, .approvehours-section .week-field .first label, .approvehours-section .year-field .first label,
.invoicehours-section .week-field .first label, .invoicehours-section .year-field .first label, .invoicehours-section .dep-field .first label {
	padding-left: 0 !important;
}
.approvehours-section .man-typeahead .second input, .approvehours-section .week-field .second input, .approvehours-section .year-field .second input, .approvehours-section .second,
.invoicehours-section .week-field .second input, .invoicehours-section .year-field .second input, .invoicehours-section .second {
	width: 300px !important;
}
.approvehours-section .man-typeahead .first, .approvehours-section .week-field .first, .approvehours-section .year-field .first{
    width: 170px !important;
}
.approvehours-section .year-field .action_button, .invoicehours-section .year-field .action_button{
	margin-top: 1px !important;
	margin-left: 8px !important;
}
.invoicehours-section .dep-field .typeahead{
	margin-bottom: 6px !important;
}
.filter-select tbody tr td{
	vertical-align: top;
}
.filter-select tbody tr td.middle{
	padding-top: 11px;
}
.approvehours-section #manager-typeahead{
	height: 41px;
}
.typeahead__container button.disabled, .typeahead__container button[disabled], .typeahead__container input.disabled, .typeahead__container input[disabled]{  
	opacity: 1.0 !important;
}

.ui-datepicker-today a{
    text-decoration: underline !important;
    font-weight: bold !important;
}

.expand_call_img, .expand_act_img, .expand_memo_img, .expand_prod_img, .expand_maillog_img, .expand_image{
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    width: 28px;
    height: 28px;
}
.opened .expand_call_img, .opened .expand_act_img, .expand_prod_img.opened, .opened .expand_memo_img, .opened .expand_maillog_img, .halfrotate, .turn, .opened .expand_image{
	transform: rotate(180deg) !important;
	-ms-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
	-o-transform: rotate(180deg) !important;
}
.turn{
	background-position: right 12px top 6px !important;
}
#registration-form-attendees input[type=date]{
    width: 125px !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    margin-left: 5px !important;
}
.coursereg-div .clear_webinschrijvingen{
    margin-top: 8px;
	position: absolute;
}
.coursereg-div .clear_webinschrijvingen input[type=checkbox]{
    margin-top: 10px !important;
}
.summary, .call-question{
    margin-top: 10px;
}
.summary, .call-summary, .call-question, .call-answer {
    margin-bottom: 10px;
}
.call-summary, .call-question, .call-answer, .summary{
	font-size: 0.95em;
    width: calc(100% - 30px);
    float: left;
    padding: 0 15px 15px 15px;
    background: #e8e8e8;
    max-height: 300px;
	display: block;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.call-summary > h2, .call-question > h2, .call-answer > h2, .summary > h2{
	width: 100%;
	margin-bottom: 7px;
}
.hidden-mail{
	display: none;
}

#registration-form-courses .second.checkbox .checkfeature:disabled{
	cursor: default !important;
}
#registration-form-accounts, #registration-form-persons, #registration-form-activities, #registration-form-calls, #registration-form-orders,
#registration-form-quotations, #registration-form-documents, #registration-form-courses, #registration-form-attendees, #registration-form-alerts{
	float: left;
}

/* COLLAPSE */
.collapsePlaceholder {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.collapsePlaceholder .collapseButtons {
	position: absolute;
	right: 0;
	top: 0;
	width: 39px;
	background: #FFF;
}
.collapsePlaceholder .collapseButtons label {
	display: block;
	border: none;
	border-radius: 10px 0 0 10px;
	text-align: center;
	padding-top: 32px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	width: 39px;
	height: 23px;
	cursor: pointer;
	background-image: url(../images/action/open-filter-arrow.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center 10px;
	margin-bottom: 1px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;	
}
.collapsePlaceholder .collapseButtons label:first-child {
	border-top-left-radius: 0px;
}
.collapsePlaceholder .collapseButtons label.active {
	background-image: url(../images/action/collapse-filter-arrow.svg);	
}
.collapsePlaceholder .collapseContainers > section {
	position: absolute;
	min-height: calc(85vh - 130px);
    padding: 10px;
	max-height: calc(100% - 80px);
	background: #FFF;
	width: 300px;
	display: none;
	right: -320px;
}
.collapsePlaceholder .collapseContainers > section.active {
	display: block;
    right: 0;
}

body.collapseIsActive .collapseButtons label:hover {
	display: block;
}
.collapsePlaceholder .collapseContainers > section::before {
    content: "";
    height: 50px;
    width: 34px;
    float: right;
}
@media (min-width: 979px) {
	.table_content {
		-webkit-transition: width 0.5s;
		transition: width 0.5s;
	}
	body.collapseIsActive #registration-form-planboard #article1 .table_content { /* for now: only activate collapse table content for planboard*/
		width: calc(95% - 330px) !important;
	}
}
@media (max-width: 980px) {
	.collapsePlaceholder .collapseContainers > section {
		border-left: 2px solid #2A353B;
	}	
}
#registration-form-planboard .collapsePlaceholder .collapseContainers > section::before {
    height: 161px;
}
#registration-form-planboard .filterContainer,
#registration-form-planboard .navContainer,
#registration-form-planboard .legendContainer {
	margin-right: 34px;
	margin-left: 10px;
}
#registration-form-planboard .filterContainer h3,
#registration-form-planboard .filterContainer h4,
#registration-form-planboard .navContainer h3,
#registration-form-planboard .legendContainer h3 {
	margin-bottom: 5px;
	margin-left: -10px;
}
#registration-form-planboard .filterContainer > label,
#registration-form-planboard .filterContainer .resourceFilterContainer > label,
#registration-form-planboard .navContainer > label,
#registration-form-planboard .legendContainer > label {
	display: block;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: left;
	height: inherit;
}
#registration-form-planboard .filterContainer .resourceFilter {
	cursor: pointer;
	position: relative;
	background-color: #2a353b;
	color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    margin-top: 10px;
}
#registration-form-planboard .filterContainer .resourceFilter::after {
	content: "";
	position: absolute;
	left: 10px;
	height: 14px;
	width: 14px;
	cursor: pointer;
	background-image: url(../images/action/list-down.svg);
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
#registration-form-planboard .filterContainer .resourceFilter.active::after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
#registration-form-planboard .filterContainer .resourceFilter:not(.active) + .resourceFilterContainer {
	display: none;
}
#registration-form-planboard .filterContainer .splitter {
	clear: left;
	height: 10px;
	border-bottom: 1px solid #1A8C80;
}
.opmerk_dmml35 textarea{
	white-space: pre-wrap !important;
	overflow: auto !important;
	color: #111;
	background-color: #fff !important;
    min-height: 130px;
    padding: 8px 7px 7px 10px;
    margin: 0 0 10px 0px;
	width: calc(100% - 19px);
	border: 1px solid #ccc;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	 resize: vertical;
}
.planitemArticlePopup .form-control:disabled, #registration-form-planboard .filterContainer .form-control:disabled {
	opacity: 0.5;
	cursor: auto;
}
#registration-form-planboard .filterContainer .multiselect .summaryBtn:disabled {
	opacity: 0.5;
	cursor: auto;
}
#registration-form-planboard .dateFrom, #registration-form-planboard .dateUntil {
	width: 165px;
    margin-right: calc(100% - 155px);
	padding-left: 43px !important;
	background-image: url(../images/action/calendar-dark.svg);
	background-repeat: no-repeat;
	background-position: 13px 4px;
	background-size: 20px;
}
/* VIS Legend */
#registration-form-planboard #article1 {
	padding-top: 20px;
	margin-bottom: 0;
}
#registration-form-planboard .table_content {
	margin-bottom: 0 !important;
}
#registration-form-planboard .legendContainer h3{
	margin-bottom: 5px;
}
#registration-form-planboard .legendContainer > div{
    padding-left: 62px;
}
#registration-form-planboard .legendContainer label{
    line-height: 26px;
	vertical-align: top;
}
#registration-form-planboard .legendContainer .legend-group, #registration-form-planboard .legendContainer .legend-item {
	display: inline-block;
	width: 50px;
	height: 20px;
	border: 1px solid #bfbfbf;
	margin: 2px 6px 2px -62px;
}
#registration-form-planboard .legendContainer .legend-item {
	border-radius: 2px;
}
/* VIS Item*/
#registration-form-planboard .vis-item .vis-info, #registration-form-planboard .vis-item .vis-edit {
	display: none;
	touch-action: pan-y;
	user-select:none;
    -webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
	-webkit-user-drag: none;
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
	position: absolute;
	top: 0;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	padding: 0 5px;
	cursor: pointer;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center center;
}
#registration-form-planboard .vis-item .vis-info {
	right: -25px;
	background-image: url(../images/action/column-eye-dark.svg);
}
#registration-form-planboard .vis-item .vis-edit {
	right: -49px;
	background-image: url(../images/action/edit-dark.svg);
}
#registration-form-planboard .vis-item.vis-selected.vis-editable .vis-info, #registration-form-planboard .vis-item.vis-selected.vis-editable .vis-edit {
	display: block;
}
#registration-form-planboard .vis-item .vis-info:hover {
	background-color: #1A8C80;
	background-color: var(--planboard-color, #1A8C80);
	background-image: url(../images/action/column-eye.svg);
}
#registration-form-planboard .vis-item .vis-edit:hover {
	background-color: #1A8C80;
	background-color: var(--planboard-color, #1A8C80);
	background-image: url(../images/action/edit.svg);
}
#registration-form-planboard .vis-item .vis-delete {
	right: -73px;
}
#registration-form-planboard .legend-item.OTHER, #registration-form-planboard .vis-center .vis-item {
	border-color: #1A8C80;
	border-color: var(--planboard-color, #1A8C80);
	background-color: rgba(var(--planboard-color-r, 26), var(--planboard-color-g, 140), var(--planboard-color-b, 128), 0.2);
}
#registration-form-planboard .vis-center .vis-item.vis-readonly .vis-drag-center {
	cursor: auto;
}
#registration-form-planboard .legend-item.OTHER:hover, #registration-form-planboard .vis-center .vis-item:hover {
	background-color: rgba(var(--planboard-color-r, 26), var(--planboard-color-g, 140), var(--planboard-color-b, 128), 0.3);
}
#registration-form-planboard .legend-item.OTHER:active,
#registration-form-planboard .vis-center .vis-item.vis-editable.vis-selected {
	background-color: rgba(var(--planboard-color-r, 26), var(--planboard-color-g, 140), var(--planboard-color-b, 128), 1);
	color: #FFF;
}
#registration-form-planboard .legend-item.OTHER:hover,
#registration-form-planboard .legend-item.ITEM_A:hover,
#registration-form-planboard .legend-item.ITEM_C:hover,
#registration-form-planboard .legend-item.ITEM_D:hover,
#registration-form-planboard .legend-item.ACTIVITY:hover,
#registration-form-planboard .vis-center .vis-item.vis-editable:not(.vis-selected) {
	cursor: pointer;
}
#registration-form-planboard .vis-center .vis-item.LOADING{
    background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
}
#registration-form-planboard .legend-item.GENERAL,
#registration-form-planboard .vis-center .vis-item.GENERAL{
    background-color: rgba(42, 53, 59, 0.2);
	color: #FFF;
}
#registration-form-planboard .legend-item.GENERAL_WEEKLY,
#registration-form-planboard .vis-center .vis-item.GENERAL_WEEKLY{
    background-color: rgba(42, 53, 59, 0.05);
	color: #FFF;
}
#registration-form-planboard .legend-item.ITEM_A,
#registration-form-planboard .vis-center .vis-item.ITEM_A {
	border-color: rgb(0, 145, 255);
	background-color: rgba(0, 145, 255, 0.2);
}
#registration-form-planboard .legend-item.ITEM_A:hover,
#registration-form-planboard .vis-center .vis-item.ITEM_A:hover {
	background-color: rgba(0, 145, 255, 0.3);
}
#registration-form-planboard .legend-item.ITEM_A:active,
#registration-form-planboard .vis-center .vis-item.ITEM_A.vis-editable.vis-selected,
#registration-form-planboard .vis-center .vis-item.ITEM_A.vis-editable.vis-selected .vis-info:hover,
#registration-form-planboard .vis-center .vis-item.ITEM_A.vis-editable.vis-selected .vis-edit:hover {
	background-color: rgba(0, 145, 255, 1);
}
#registration-form-planboard .legend-item.ITEM_C,
#registration-form-planboard .vis-center .vis-item.ITEM_C {
	border-color: rgb(0, 200, 0);
	background-color: rgba(0, 200, 0, 0.2);
}
#registration-form-planboard .legend-item.ITEM_C:hover,
#registration-form-planboard .vis-center .vis-item.ITEM_C:hover {
	background-color: rgba(0, 200, 0, 0.3);
}
#registration-form-planboard .legend-item.ITEM_C:active,
#registration-form-planboard .vis-center .vis-item.ITEM_C.vis-editable.vis-selected,
#registration-form-planboard .vis-center .vis-item.ITEM_C.vis-editable.vis-selected .vis-info:hover,
#registration-form-planboard .vis-center .vis-item.ITEM_C.vis-editable.vis-selected .vis-edit:hover {
	background-color: rgba(0, 200, 0, 1);
}
#registration-form-planboard .legend-item.ITEM_D,
#registration-form-planboard .vis-center .vis-item.ITEM_D {
	border-color: rgb(239, 235, 0);
	background-color: rgba(235, 235, 0, 0.2);
}
#registration-form-planboard .legend-item.ITEM_D:hover,
#registration-form-planboard .vis-center .vis-item.ITEM_D:hover {
	background-color: rgba(235, 235, 0, 0.3);
}
#registration-form-planboard .legend-item.ITEM_D:active,
#registration-form-planboard .vis-center .vis-item.ITEM_D.vis-editable.vis-selected,
#registration-form-planboard .vis-center .vis-item.ITEM_D.vis-editable.vis-selected .vis-info:hover,
#registration-form-planboard .vis-center .vis-item.ITEM_D.vis-editable.vis-selected .vis-edit:hover {
	border-color: rgb(190, 190, 0);
	background-color: rgba(190, 190, 0, 1);
}
#registration-form-planboard .legend-item.ACTIVITY,
#registration-form-planboard .vis-center .vis-item.ACTIVITY {
	border-color: #718492;
	background-color: rgba(var(--activities-color-r, 113), var(--activities-color-g, 132), var(--activities-color-b, 146), 0.2);
}
#registration-form-planboard .legend-item.ACTIVITY:hover,
#registration-form-planboard .vis-center .vis-item.ACTIVITY:hover {
	background-color: rgba(var(--activities-color-r, 113), var(--activities-color-g, 132), var(--activities-color-b, 146), 0.3);
}
#registration-form-planboard .legend-item.ACTIVITY:active,
#registration-form-planboard .vis-center .vis-item.ACTIVITY.vis-editable.vis-selected,
#registration-form-planboard .vis-center .vis-item.ACTIVITY.vis-editable.vis-selected .vis-info:hover,
#registration-form-planboard .vis-center .vis-item.ACTIVITY.vis-editable.vis-selected .vis-edit:hover {
	background-color: rgba(var(--activities-color-r, 113), var(--activities-color-g, 132), var(--activities-color-b, 146), 1);
}
#registration-form-planboard .legend-item.OUTLOOK,
#registration-form-planboard .vis-center .vis-item.OUTLOOK {
	border-color: #D49F00;
	background-color: rgba(var(--inbox-color-r, 212), var(--inbox-color-g, 159), var(--inbox-color-b, 0), 0.2);
}
#registration-form-planboard .legend-item.OUTLOOK:hover,
#registration-form-planboard .vis-center .vis-item.OUTLOOK:hover {
	background-color: rgba(var(--inbox-color-r, 212), var(--inbox-color-g, 159), var(--inbox-color-b, 0), 0.3);
}
#registration-form-planboard .legend-item.CONFLICT,
#registration-form-planboard .vis-center .vis-item.CONFLICT {
	border-color: red;
	box-shadow: 0 0 3px red;
} 
#registration-form-planboard .vis-center .vis-item.CONFLICT.vis-editable.vis-selected,
#registration-form-planboard .vis-center .vis-item.CONFLICT.vis-editable.vis-selected .vis-info:hover,
#registration-form-planboard .vis-center .vis-item.CONFLICT.vis-editable.vis-selected .vis-edit:hover {
	border-color: red;
}
#registration-form-planboard .legend-item.CONFLICT {
	background-image: url(../images/transparent.svg);
	background-size: 10px;
}
/* VIS Groups */
#registration-form-planboard .legend-group.GENERAL,
#registration-form-planboard .vis-left .GENERAL,
#registration-form-planboard .vis-center .vis-background .vis-group.GENERAL{
    background-color: rgb(42, 53, 59);
	color: #FFF;
}
#registration-form-planboard .legend-group.TRAIN,
#registration-form-planboard .vis-left .TRAIN,
#registration-form-planboard .vis-center .vis-background .vis-group.TRAIN{
	background-color: rgba(255, 255, 255, 0.2);
}
#registration-form-planboard .legend-group.ACTOR,
#registration-form-planboard .vis-left .ACTOR,
#registration-form-planboard .vis-center .vis-background .vis-group.ACTOR{
	background-color: rgba(50, 50, 50, 0.05);
}
#registration-form-planboard .legend-group.OTHER,
#registration-form-planboard .vis-left .OTHER,
#registration-form-planboard .vis-center .vis-background .vis-group.OTHER{
	background-color: rgba(0, 0, 0, 0.12);
}
/* VIS End */
#registration-form-maillogs .dateFrom,#registration-form-maillogs .dateUntil, #registration-form-mutations .dateFrom, #registration-form-mutations .dateUntil{
	width: 165px !important;
	margin: 6px 10px 5px 0;
	padding-left: 43px !important;
	background-image: url(../images/action/calendar-dark.svg);
	background-repeat: no-repeat;
	background-position: 13px 4px;
	background-size: 20px;
}
.mutations-fields-page .dataTables_filter{
	display: none !important;
}
.mutRowTable{
	border-collapse: collapse !important;
	float: left !important;
	width: 48% !important;
	margin-right: 1% !important;
}
.mutRowTable.wide-values{
	width: 100% !important;
}

.mutRowTable tr{
	height: 28px !important;
}
.mutRowTable tbody tr:nth-child(even) {
	background-color: #f2f2f2 !important;
}
.mutRowTable tbody tr td{
	vertical-align: top !important;
	padding-top: 6px !important;
}
.mutRowTable tbody tr td:first-child{
	width: 260px;
}
.mutRowTable iframe{
	border: 0;
	width: 100%;
}
.searchMutations{
	margin-right: 10px;
}
.mutations-fields-page .twitter-typeahead{
    width: 150px !important;
    float: left !important;
    margin-top: 6px !important;
    margin-right: 10px !important;
}

#registration-form-maillogs .multiselect {
	margin: 6px 10px 5px 0;
	width: 170px;
	float: left;
}
#registration-form-maillogs .email {
	margin: 6px 10px 5px 0;
	width: 200px;
	float: left;
}
#registration-form-maillogs .searchBtn{
	margin: 6px 10px 5px 0;
	height: 32px;
}
#registration-form-maillogs .status_img{
	height: 20px;
}

#registration-form-maillogs .detail_row > td{
	padding: 0 20px;
}
.planitem-datefilter{
	float: left;
	width: 100%;
}
.planitem-datefilter > div{
	width: 240px;
	float: left;
}
.planitem-datefilter > div:last-child{
	font-weight: bold;
	font-size: 0.95em;
	padding-top: 7px;
	margin-left: 10px;
}
.planitem-datefilter .first{
	float: left;
    padding-top: 7px;
    padding-right: 10px;
}
.planitem-datefilter .second{
    width: 145px;
    float: left;
}
.planitem-datefilter .action_button {
    margin-top: 0px !important;
    float: left;
}
.planitem-datefilter strong{
	font-size: 0.95em;
    padding-left: 4px;
}
.planitem-datefilter input[type=date]{
	padding: 4px 24px 4px 10px !important;
}
.planitem-datefilter .date-clear{
	background-image: url(../images/action/clear.svg);
    background-color: transparent;
    border: 0;
    background-size: 16px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
    padding: 0;
    background-position: center;
    float: left;
    margin-left: -24px;
    margin-top: 6px;
	cursor: pointer;
}
.planitem .planitemArticle .twitter-typeahead, .planitem .planitemQuantity .quantity {
	width: calc(100% - 110px);
}
.planitem .planitemArticle .convertToTypeahead, .planitem .planitemAccount .convertToTypeahead {
	display: none;
}
.planitem .planitemArticle .showArtPopup, .planitem .planitemQuantity .unit {
	float: right;
	margin-top: 1px;
	width: 100px;
	line-height: 30px;
	text-align: center;
}
.planitem .planitem_event {
	text-align: left;
}
.planboard_home .planitem .search_button_account:hover, .planboard_home .planitem .search_button_articles:hover{
	background-color: var(--planboard-color, #1A8C80);
	background-color: #1A8C80;
}

.hiddenContainer {
	display: none;
}
.adm_maillog_sum h3 {
	margin-bottom: 5px;
}
.adm_maillog_sum .btnCancel, .adm_maillog_sum .btnSend {
	display: none;
	margin-left: 10px;
	float: right;
}
.adm_maillog_sum[data-status="N"][data-action="enabled"] .btnCancel,
.adm_maillog_sum[data-status="F"][data-action="enabled"] .btnCancel,
.adm_maillog_sum[data-status="N"][data-action="enabled"] .btnSend,
.adm_maillog_sum[data-status="F"][data-action="enabled"] .btnSend {
	display: inline-block;
}
.adm_maillog_sum .detailBlock {
	padding-left: 20px;
}
.adm_maillog_sum .myTable th, .adm_maillog_sum .myTable td {
	cursor: default !important;
}
.adm_maillog_sum .keyValueContainer {
	line-height: 25px;
}
.adm_maillog_sum .keyValueContainer::after {
	content: "";
	display: block;
	clear: both;
}
.adm_maillog_sum .keyValueContainer .first {
	width: 17.5%;
	float: left;
	word-break: break-word;
	font-weight: bold;
}
.adm_maillog_sum .keyValueContainer .second {
	width: 82.5%;
	float: left;
	word-break: break-word;
}
.adm_maillog_sum .keyValueContainer p {
	margin: initial;
	color: initial;
	font-size: 0.9em;
}
.inbox-header:hover{
    cursor: default !important;
    font-weight: bold;
}
.mail-content{
	margin-left: 2%;
	margin-right: 2%;
    margin-top: 20px;
	max-height: 450px;
    border: 0;
    width: 96%;
	overflow: auto;
	border-radius: 4px;
	-webkit-overflow-scrolling: touch;
}
#mail-iframe, #pre-frame{
	border-radius: 4px;
    width: 100%;
    border: 0;
	background: #fff;
	padding: 0;
	display: none;
}
#mail-iframe{
	min-height: 150px;
}
.mail-content #pre-frame{
	min-height: 55px;
	padding: 5px;
	width: calc(100% - 10px) !important;
}
.move-mail{
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
	display: none;
}
.attached, .attached-content{
	width: 100%;
    float: left;
	border-collapse: collapse;
	background: #fff;
}
.checks{
	width: 20px;
}

.attached > thead > tr, .attached-content > thead > tr {
    height: 25px !important;
}

.attached thead, .attached thead label, .attached thead th, .attached tbody td:not(.center), .attached-content thead, .attached-content thead label, .attached-content thead th, .attached-content tbody td{
	background: transparent !important;
	cursor: default !important;
}
.inlineblock{
	float: left;
	display: inline-block;
	border-radius: 4px;
	width: 48%;
    margin-right: 2%;
	max-height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.inlineblock thead label{
    margin-left: 2px;
}
.no-sort{
	background-image: none !important;
    pointer-events: none !important;
	width: 40px !important;
}
.no-sorter{
	background-image: none !important;
    pointer-events: none !important;
	width: 150px !important;
}
.inner-mail > h3{
	margin-left: 47px;
}
.callBlockTable tbody tr:not(.detail_row):not(.noHover):hover td.STATUSICON, .callBlockTable tbody tr:not(.detail_row):not(.noHover):hover td:last-child, .activityBlockTable tbody tr:not(.detail_row):not(.noHover):hover td.STATUSICON, .activityBlockTable tbody tr:not(.detail_row):not(.noHover):hover td:last-child,
.personBlockTable tbody tr:hover td.PICTROLES, .personBlockTable tbody tr:hover td.PICTDATUD, .documentBlockTable tbody tr:hover td.IMAGEPATH, .documentBlockTable tbody tr:hover td.preview_icon, .documentBlockTable tbody tr:hover td.download_icon, .documentBlockTable tbody tr:hover td.editicon, .productionBlockTable tbody tr:hover td:last-child, 
.relActivityBlockTable tbody tr:not(.detail_row):not(.noHover):hover td.STATUSICON, .relActivityBlockTable tbody tr:not(.detail_row):not(.noHover):hover td:last-child, .memoBlockTable tbody tr:hover td:last-child, .details_container .grid-stack-item table tbody tr:hover td.EXPAND,
.orderBlockTable tbody tr:not(.detail_row):hover td:last-child, .quotationBlockTable tbody tr:not(.detail_row):hover td:last-child, .details_container .grid-stack-item table tbody tr:hover td.editicon, .activityBlockTable tbody tr:hover td:last-child, .preferencesBlockTable tbody tr:hover td.EDITICON, .approveHoursDatatable tbody tr:hover td.REMARKS{ 
	background: #fff !important; 
}

.delegateDataTable{
    width: calc(100% - 20px);
	text-align: left;
	margin: 10px;
	border-collapse: collapse;
}
.delegateDataTable thead th{
	width: 100%;
	text-align: left;
}
.delegateDataTable thead th:hover{
	cursor: pointer !important;
}
.delegateDataTable tbody tr:not(.detail_row):hover td:not(.moreinfo){
	cursor: pointer !important;
	background-color: #2B6190 !important;
	background-color: var(--courses-color, #2B6190) !important;
	color: #fff !important;
}
.delegateDataTable tbody tr td.moreinfo, .timepage .search-orderrows-table tbody tr:hover td, .timepage .search-orderrows-table tbody tr.orderrows_selected td{
	cursor: pointer;
}
.delegateDataTable tbody tr.detail_row table{
	font-size: 1.1em;
}
.favorites_dsp{
	padding-bottom: 50px;
}
.orderBlockTable .D_BEDRAGOR01, .quotationBlockTable .D_BEDRAGOR03, .hsQuotationBlockTable .D_BEDRAGOR04 {
	text-align: right !important;
	padding-right: 20px !important;
}
body.accounts_home .dataTables_empty, body.accounts_home table:not(.orderBlockTable):not(.quotationBlockTable):not(.memoBlockTable) tr.row_selected, body.accounts_home .myTable tbody tr.accounts_row_selected td:not(.editicon):not(.collectivecheck), 
body.accounts_home .myTable:not(.isLoading):not(.orderLinesTable):not(.quotationLinesTable):not(.histQuotationLinesTable):not(.activityBlockTable):not(.relActivityBlockTable):not(.callBlockTable):not(.personBlockTable):not(.documentBlockTable):not(.memoBlockTable):not(.orderBlockTable):not(.quotationBlockTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.accounts_home .footer-icon:hover, 
body.accounts_home .activityBlockTable tbody tr.activities_block_row_selected td:not(.STATUSICON):not(.editicon):not(:last-child), body.accounts_home .personBlockTable tbody tr.persons_block_row_selected td:not(.PICTROLES):not(.SOLR):not(.PICTDATUD):not(.editicon), body.accounts_home .memoBlockTable tbody tr.row_selected td:not(:last-child):not(.editicon),
body.accounts_home .documentBlockTable tbody tr.documents_block_row_selected td:not(.IMAGEPATH):not(.editicon):not(.download_icon):not(.preview_icon), body.accounts_home .callBlockTable tbody tr.calls_block_row_selected td:not(.STATUSICON):not(:last-child):not(.editicon), body.accounts_home .courseBlockTable tbody tr.courses_block_row_selected td:not(:first-child),
body.accounts_home .networkBlockTable tbody tr.networks_block_row_selected td, body.accounts_home .addressBlockTable tbody tr.addresses_block_row_selected, body.accounts_home .addressBlockTable tbody tr.features_block_row_selected, body.accounts_home .attendees_row_selected,
body.accounts_home .relActivityBlockTable tbody tr.activities_block_row_selected td:not(.STATUSICON):not(.editicon):not(:last-child), body.accounts_home .rolesBlockTable tbody tr.persons_block_row_selected td, body.accounts_home tbody tr.features_row_selected td, 
body.accounts_home .calltype-search-btn:hover, body.accounts_home table.orderBlockTable tr.row_selected td:not(.editicon):not(:last-child), body.accounts_home table.quotationBlockTable tr.row_selected td:not(.editicon):not(:last-child),
body.accounts_home .timepage .orderHeadAddBtn input:hover, body.accounts_home .timepage .courseHeadAddBtn input:hover, body.accounts_home .timepage .accountHeadAddBtn input:hover, body.accounts_home .timepage .indirecthoursHeadAddBtn input:hover,
body.accounts_home .timepage .orders tbody tr input.editorder:hover, body.accounts_home .timepage .accounts tbody tr input.editaccount:hover, body.accounts_home .timepage .courses tbody tr input.editcourse:hover, body.accounts_home .timepage .other tbody tr input.editother:hover,
body.accounts_home .timepage input.deletetimerow:hover, body.accounts_home .timepage input.canceladdtimerow:hover, body.accounts_home .timepage table thead th.today, .accounts_home .timepage .action_button:hover, .accounts_home .search-orderrows-table tbody tr:hover td, .accounts_home .search-orderrows-table tbody tr.orderrows_selected td,
.accounts_home .timepage .search_button_course:hover, .accounts_home .timepage .copy_btn:hover, .accounts_home .timepage .search_button_account2:hover, .accounts_home .timepage .edit_btn:hover, .accounts_home .timepage .del_btn:hover, .accounts_home .timepage .orderrows-results .paginate_button.previous:hover, body.accounts_home .filter-page .alternateOccs tbody tr.row_selected,
.accounts_home .timepage .orderrows-results .paginate_button.next:hover, .accounts_home .timepage .orderrows-results .paginate_button.first:hover, .accounts_home .timepage .orderrows-results .paginate_button.last:hover{
	background-color: #6CA237 !important;
	background-color: var(--accounts-color, #6CA237) !important;
	color: #fff !important;
}
body.persons_home .dataTables_empty, body.persons_home tr.row_selected, body.persons_home .myTable tbody tr.persons_row_selected td:not(.editicon):not(.collectivecheck):not(.SOLR):not(.PERSOON), 
body.persons_home .myTable:not(.isLoading):not(.orderLinesTable):not(.quotationLinesTable):not(.histQuotationLinesTable):not(.activityBlockTable):not(.relActivityBlockTable):not(.callBlockTable):not(.personBlockTable):not(.documentBlockTable):not(.memoBlockTable):not(.orderBlockTable):not(.quotationBlockTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.SOLR):not(.PERSOON):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), 
body.persons_home .footer-icon:hover, body.persons_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child):not(.editicon),
body.persons_home .activityBlockTable tbody tr.activities_block_row_selected td:not(.STATUSICON):not(.editicon):not(:last-child), 
body.persons_home .callBlockTable tbody tr.calls_block_row_selected td:not(:first-child):not(:last-child):not(.editicon), body.persons_home .courseBlockTable tbody tr.courses_block_row_selected td:not(:first-child):not(.editicon), body.persons_home .calltype-search-btn:hover,
body.persons_home .networkBlockTable tbody tr.networks_block_row_selected td, body.persons_home #block_course_attendees .attendees_row_selected, body.persons_home .relActivityBlockTable tbody tr.activities_block_row_selected td:not(:first-child):not(:last-child):not(.editicon), 
body.persons_home .rolesBlockTable tbody tr.persons_block_row_selected td, body.persons_home tbody tr.features_row_selected td:not(.editicon),
body.persons_home .myTable tbody tr.attendees_row_selected td:not(.cancel_column):not(.editicon),
body.persons_home .timepage .orderHeadAddBtn input:hover, body.persons_home .timepage .courseHeadAddBtn input:hover, body.persons_home .timepage .accountHeadAddBtn input:hover, body.persons_home .timepage .indirecthoursHeadAddBtn input:hover,
body.persons_home .timepage .orders tbody tr input.editorder:hover, body.persons_home .timepage .accounts tbody tr input.editaccount:hover, body.persons_home .timepage .courses tbody tr input.editcourse:hover, body.persons_home .timepage .other tbody tr input.editother:hover,
body.persons_home .timepage input.deletetimerow:hover, body.persons_home .timepage input.canceladdtimerow:hover, body.persons_home .timepage table thead th.today, .persons_home .timepage .action_button:hover, .persons_home .search-orderrows-table tbody tr:hover td, .persons_home .search-orderrows-table tbody tr.orderrows_selected td,
.persons_home .timepage .search_button_course:hover, .persons_home .timepage .copy_btn:hover, .persons_home .timepage .search_button_account2:hover, .persons_home .timepage .edit_btn:hover, .persons_home .timepage .del_btn:hover, .persons_home .timepage .orderrows-results .paginate_button.previous:hover, body.persons_home .filter-page .alternateOccs tbody tr.row_selected,
.persons_home .timepage .orderrows-results .paginate_button.next:hover, .persons_home .timepage .orderrows-results .paginate_button.first:hover, .persons_home .timepage .orderrows-results .paginate_button.last:hover{
	background-color: #2C9BCE !important;
	background-color: var(--persons-color, #2C9BCE) !important;
	color: #fff !important;
}
body.activities_home .dataTables_empty, body.activities_home tr.row_selected, body.activities_home .myTable tbody tr.activities_row_selected td:not(.STATUSICON):not(.expand):not(.collectivecheck):not(.editicon):not(.SOLR):not(.showinfo), 
body.activities_home .myTable:not(.isLoading):not(.orderLinesTable):not(.quotationLinesTable):not(.histQuotationLinesTable):not(.activityBlockTable):not(.relActivityBlockTable):not(.callBlockTable):not(.personBlockTable):not(.documentBlockTable):not(.memoBlockTable):not(.orderBlockTable):not(.quotationBlockTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.STATUSICON):not(.expand):not(.collectivecheck):not(.editicon):not(.SOLR):not(.showinfo):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), 
body.activities_home .footer-icon:hover, body.activities_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child),
body.activities_home #block_course_attendees .attendees_row_selected, body.activities_home tbody tr.features_row_selected td, body.activities_home .calltype-search-btn:hover,
body.activities_home .timepage .orderHeadAddBtn input:hover, body.activities_home .timepage .courseHeadAddBtn input:hover, body.activities_home .timepage .accountHeadAddBtn input:hover, body.activities_home .timepage .indirecthoursHeadAddBtn input:hover,
body.activities_home .timepage .orders tbody tr input.editorder:hover, body.activities_home .timepage .accounts tbody tr input.editaccount:hover, body.activities_home .timepage .courses tbody tr input.editcourse:hover, body.activities_home .timepage .other tbody tr input.editother:hover, body.default_activities_home .filter-page .alternateOccs tbody tr.row_selected,
body.activities_home .timepage input.deletetimerow:hover, body.activities_home .timepage input.canceladdtimerow:hover, body.activities_home .timepage table thead th.today, .activities_home .timepage .action_button:hover, .activities_home .search-orderrows-table tbody tr:hover td, .activities_home .search-orderrows-table tbody tr.orderrows_selected td,
.activities_home .timepage .search_button_course:hover, .activities_home .timepage .copy_btn:hover, .activities_home .timepage .search_button_account2:hover, .activities_home .timepage .edit_btn:hover, .activities_home .timepage .del_btn:hover, .activities_home .timepage .orderrows-results .paginate_button.previous:hover, 
.activities_home .timepage .orderrows-results .paginate_button.next:hover, .activities_home .timepage .orderrows-results .paginate_button.first:hover, .activities_home .timepage .orderrows-results .paginate_button.last:hover{
	background-color: #718492 !important;
	background-color: var(--activities-color, #718492) !important;
	color: #fff !important;
}

body.calls_home .dataTables_empty, body.calls_home tr.row_selected, body.calls_home .myTable tbody tr.calls_row_selected td:not(.STATUSICON):not(.expand):not(.showinfo):not(.collectivecheck):not(.editicon):not(.SOLR), 
body.calls_home .myTable:not(.isLoading) tbody tr:not(.detail_row):not(.noHover):hover td:not(.statusicon):not(.expand):not(.showinfo):not(.collectivecheck):not(.editicon):not(.SOLR):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.calls_home .footer-icon:hover, body.calls_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child),
body.calls_home #block_course_attendees .attendees_row_selected, body.calls_home tbody tr.features_row_selected td, body.calls_home .calltype-search-btn:hover,
body.calls_home .timepage .orderHeadAddBtn input:hover, body.calls_home .timepage .courseHeadAddBtn input:hover, body.calls_home .timepage .accountHeadAddBtn input:hover, body.calls_home .timepage .indirecthoursHeadAddBtn input:hover,
body.calls_home .timepage .orders tbody tr input.editorder:hover, body.calls_home .timepage .accounts tbody tr input.editaccount:hover, body.calls_home .timepage .courses tbody tr input.editcourse:hover, body.calls_home .timepage .other tbody tr input.editother:hover,
body.calls_home .timepage input.deletetimerow:hover, body.calls_home .timepage input.canceladdtimerow:hover, body.calls_home .timepage table thead th.today, .calls_home .timepage .action_button:hover, .calls_home .search-orderrows-table tbody tr:hover td, .calls_home .search-orderrows-table tbody tr.orderrows_selected td,
.calls_home .timepage .search_button_course:hover, .calls_home .timepage .copy_btn:hover, .calls_home .timepage .search_button_account2:hover, .calls_home .timepage .edit_btn:hover, .calls_home .timepage .del_btn:hover, .calls_home .timepage .orderrows-results .paginate_button.previous:hover, body.calls_home .filter-page .alternateOccs tbody tr.row_selected,
.calls_home .timepage .orderrows-results .paginate_button.next:hover, .calls_home .timepage .orderrows-results .paginate_button.first:hover, .calls_home .timepage .orderrows-results .paginate_button.last:hover{
	background-color: #11905A !important;
	background-color: var(--calls-color, #11905A) !important;
	color: #fff !important;
}

body.documents_home .dataTables_empty, body.documents_home tr.row_selected, body.documents_home .myTable tbody tr.documents_row_selected td:not(.document_icon):not(.preview_icon):not(.collectivecheck):not(.download_icon):not(.editicon), body.documents_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.document_icon):not(.preview_icon):not(.download_icon):not(.collectivecheck):not(.editicon), body.documents_home .footer-icon:hover, body.documents_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child),
body.documents_home #block_course_attendees .attendees_row_selected, body.documents_home tbody tr.features_row_selected td, body.documents_home .filter-page .alternateOccs tbody tr.row_selected{
	background-color: #AD2551 !important;
	background-color: var(--documents-color, #AD2551) !important;
	color: #fff !important;
}

body.alerts_home .dataTables_empty, body.alerts_home tr.row_selected, body.alerts_home .myTable tbody tr.accounts_row_selected td, body.alerts_home .myTable:not(.isLoading):not(.orderLinesTable):not(.quotationLinesTable):not(.histQuotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.statusicon):not(.expand):not(.showinfo):not(.collectivecheck):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.editicon), body.alerts_home .footer-icon:hover,
body.alerts_home .activityBlockTable tbody tr.activities_block_row_selected td:not(:first-child):not(:last-child), body.alerts_home .personBlockTable tbody tr.persons_block_row_selected td, body.alerts_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child),
body.alerts_home .documentBlockTable tbody tr.documents_block_row_selected td, body.alerts_home .callBlockTable tbody tr.calls_block_row_selected td:not(:first-child):not(:last-child), body.alerts_home .courseBlockTable tbody tr.courses_block_row_selected td:not(:first-child),
body.alerts_home .networkBlockTable tbody tr.networks_block_row_selected td, body.alerts_home .addressBlockTable tbody tr.addresses_block_row_selected, body.alerts_home .addressBlockTable tbody tr.features_block_row_selected, body.alerts_home .attendees_row_selected,
body.alerts_home .relActivityBlockTable tbody tr.activities_block_row_selected td:not(:first-child):not(:last-child), body.alerts_home .rolesBlockTable tbody tr.persons_block_row_selected td, body.alerts_home tbody tr.features_row_selected td, body.alerts_home .calltype-search-btn:hover,
body.alerts_home .action_menu input[type=button]:hover{
	background-color: #367125 !important;
	background-color: var(--alerts-color, #367125) !important;
	color: #fff !important;
}

body.dashboards_home .dataTables_empty, body.dashboards_home tr.row_selected, body.dashboards_home .myTable tbody tr.accounts_row_selected td, body.dashboards_home .myTable:not(.isLoading):not(.orderLinesTable):not(.quotationLinesTable):not(.histQuotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.statusicon):not(.expand):not(.showinfo):not(.collectivecheck):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.dashboards_home .footer-icon:hover,
body.dashboards_home .activityBlockTable tbody tr.activities_block_row_selected td:not(:first-child):not(:last-child), body.dashboards_home .personBlockTable tbody tr.persons_block_row_selected td, body.dashboards_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child),
body.dashboards_home .documentBlockTable tbody tr.documents_block_row_selected td, body.dashboards_home .callBlockTable tbody tr.calls_block_row_selected td:not(:first-child):not(:last-child):not(.editicon), body.dashboards_home .courseBlockTable tbody tr.courses_block_row_selected td:not(:first-child),
body.dashboards_home .networkBlockTable tbody tr.networks_block_row_selected td, body.dashboards_home .addressBlockTable tbody tr.addresses_block_row_selected, body.dashboards_home .addressBlockTable tbody tr.features_block_row_selected, body.dashboards_home .attendees_row_selected,
body.dashboards_home .relActivityBlockTable tbody tr.activities_block_row_selected td:not(:first-child):not(:last-child), body.dashboards_home .rolesBlockTable tbody tr.persons_block_row_selected td, body.dashboards_home tbody tr.features_row_selected td, body.dashboards_home .calltype-search-btn:hover,
body.dashboards_home .action_menu input[type=button]:hover{
	background-color: #01738a !important;
	background-color: var(--dashboards-color, #01738a) !important;
	color: #fff !important;
}

body.default_courses_home .dataTables_empty, body.default_courses_home tbody tr.row_selected td:not(.ACTIVEYNDESC):not(.editicon), body.default_courses_home .defaultCoursesTable tbody tr.courses_row_selected td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.statusicon):not(.editicon), body.default_courses_home .footer-icon:hover, body.default_courses_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.ACTIVEYNDESC):not(.EXPAND):not(.editicon),
body.courses_home .dataTables_empty, body.courses_home .myTable tbody tr.courses_row_selected td:not(.editicon):not(.collectivecheck), body.courses_home .footer-icon:hover, 
body.courses_home .myTable:not(.isLoading):not(.attendeesTable):not(.activityBlockTable):not(.memoBlockTable):not(.callBlockTable):not(.agenda_attendees) tbody tr:not(.detail_row):not(.noHover):not(.added_row):hover td:not(.editicon):not(.statusicon):not(.collectivecheck):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.default_courses_home .myTable:not(.isLoading) tbody tr:not(.detail_row):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.ACTIVEYNDESC):not(.EXPAND):not(.editicon),
body.course_attendees_home .dataTables_empty, body.course_attendees_home .myTable tbody tr:not(.detail_row).attendees_row_selected td:not(.editicon):not(.collectivecheck), body.course_attendees_home .footer-icon:hover,
body.courses_home tbody tr.features_row_selected td, body.course_attendees_home .myTable:not(.isLoading):not(.activityBlockTable):not(.callBlockTable):not(.memoBlockTable) tbody tr:not(.detail_row):not(.added_row):hover td:not(.editicon):not(.STATUSICON):not(.collectivecheck):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.webregs_home .dataTables_empty, body.webregs_home tbody tr:not(.detail_row).row_selected, body.webregs_home .myTable tbody tr.webregs_row_selected td, body.webregs_home .footer-icon:hover, body.webregs_home .myTable tbody tr:hover,
body.coaches_home .dataTables_empty, body.coaches_home tr.row_selected, body.coaches_home .myTable tbody tr.coaches_row_selected td, body.coaches_home .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.coaches_home .footer-icon:hover,
body.resources_home .dataTables_empty, body.resources_home tr.row_selected, body.resources_home .myTable tbody tr.row_selected td, body.resources_home .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.resources_home .footer-icon:hover,
.coursesagenda-page .dataTables_empty, .coursesagenda-page tr.row_selected, .coursesagenda-page .myTable tbody tr.agenda_row_selected td:not(:first-child), body.agenda_home .footer-icon:hover, body.courses_home .myTable tbody tr.agenda_row_selected td:not(:first-child),
body.default_courses_home .courseBlockTable tbody tr.courses_row_selected, body.default_courses_home #block_course_attendees .attendees_row_selected, body.courses_home #block_course_attendees .attendees_row_selected, body.courses_home #block_course_attendees .attendees_row_selected,
body.default_courses_home #block_modules .modules_row_selected, body.courses_home #block_modules .modules_row_selected, body.course_attendees_home #block_modules .modules_row_selected,
body.default_courses_home #block_def_modules .modules_row_selected, body.courses_home #block_def_modules .modules_row_selected, body.course_attendees_home #block_def_modules .modules_row_selected, body.course_attendees_home tbody tr.features_row_selected td, body.default_courses_home .filter-page .alternateOccs tbody tr.row_selected,
body.default_courses_home #block_accommodations .accommodations_block_row_selected, body.courses_home #block_accommodations .accommodations_block_row_selected, body.course_attendees_home #block_accommodations .accommodations_block_row_selected,
body.default_courses_home #block_def_accommodations .accommodations_block_row_selected, body.courses_home #block_def_accommodations .accommodations_block_row_selected, body.course_attendees_home #block_def_accommodations .accommodations_block_row_selected,
body.courses_home .myTable tbody tr.attendees_row_selected td:not(.cancel_column):not(.editicon), body.webregs_home table tbody tr.row_selected, body.default_courses_home .calltype-search-btn:hover, body.courses_home .calltype-search-btn:hover, body.course_attendees_home .calltype-search-btn:hover,
body.courses_home .timepage .orderHeadAddBtn input:hover, body.courses_home .timepage .courseHeadAddBtn input:hover, body.courses_home .timepage .accountHeadAddBtn input:hover, body.courses_home .timepage .indirecthoursHeadAddBtn input:hover, body.courses_home .filter-page .alternateOccs tbody tr.row_selected,
body.courses_home .timepage .orders tbody tr input.editorder:hover, body.courses_home .timepage .accounts tbody tr input.editaccount:hover, body.courses_home .timepage .courses tbody tr input.editcourse:hover, body.courses_home .timepage .other tbody tr input.editother:hover,
body.courses_home .timepage input.deletetimerow:hover, body.courses_home .timepage input.canceladdtimerow:hover, body.courses_home .timepage table thead th.today, .courses_home .timepage .action_button:hover, .courses_home .search-orderrows-table tbody tr:hover td, .courses_home .search-orderrows-table tbody tr.orderrows_selected td,
.courses_home .timepage .search_button_course:hover, .courses_home .timepage .copy_btn:hover, .courses_home .timepage .search_button_account2:hover, .courses_home .timepage .edit_btn:hover, .courses_home .timepage .del_btn:hover, .courses_home .timepage .orderrows-results .paginate_button.previous:hover, 
.courses_home .timepage .orderrows-results .paginate_button.next:hover, .courses_home .timepage .orderrows-results .paginate_button.first:hover, .courses_home .timepage .orderrows-results .paginate_button.last:hover, body.course_attendees_home tr.activities_block_row_selected td:not(.STATUSICON):not(.editicon):not(:last-child), 
body.courses_home tr.activities_block_row_selected td:not(.STATUSICON):not(.editicon):not(:last-child), body.course_attendees_home .filter-page .alternateOccs tbody tr.row_selected{
	background-color: #2B6190 !important;
	background-color: var(--courses-color, #2B6190) !important;
	color: #fff !important;
}
.defaultCoursesTable tbody tr:hover td:not(.dataTables_empty).ACTIVEYNDESC, .defaultCoursesTable tbody tr:hover td:not(.dataTables_empty).editicon{
 	background-color: #fff !important;	   
}
.coursesTable.myTable{
    margin-top: 1px !important;
}
body.reports_home .dataTables_empty, body.reports_home tr.row_selected, body.reports_home .myTable tbody tr.reports_row_selected td, body.reports_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.editicon),
body.reports_home .myTable tbody tr.reports_row_selected td, body.reports_home .footer-icon:hover{
	background-color: #566496 !important;
	background-color: var(--reports-color, #566496) !important;
	color: #fff !important;
}
body.accounts_home .dataTables_empty, body.persons_home .dataTables_empty, body.activities_home .dataTables_empty, body.reports_home .dataTables_empty, body.calls_home .dataTables_empty,
body.default_courses_home .dataTables_empty, body.default_courses_home .dataTables_empty, body.course_attendees_home .dataTables_empty, .detail_row{
	cursor: default !important;
}
body.adm_templates_home .dataTables_empty, body.adm_templates_home .myTable tbody tr.templates_row_selected td, body.adm_templates_home .myTable tbody tr.row_selected td:not(.edit_img):not(.delete_img):not(.EDITICON):not(.REMARKS):not(.collectivecheck):not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.adm_templates_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.edit_img):not(.delete_img):not(.pref-img):not(.EDITICON):not(.REMARKS):not(.collectivecheck):not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_templates_home .myTable tbody tr.templates_row_selected td, body.adm_templates_home .footer-icon:hover, .adm_templates_home .template-fields li.selected-row, .adm_templates_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_users_home .dataTables_empty, body.adm_users_home tr.row_selected, body.adm_users_home .myTable tbody tr.users_row_selected td, body.adm_users_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_users_home .myTable tbody tr.users_row_selected td, body.adm_users_home .footer-icon:hover, .adm_users_home .user-fields li.selected-row, .adm_users_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_resources_home .dataTables_empty, body.adm_resources_home tr.row_selected, body.adm_resources_home .myTable tbody tr.row_selected td, body.adm_resources_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_resources_home .myTable tbody tr.row_selected td, body.adm_resources_home .footer-icon:hover, .adm_resources_home .user-fields li.selected-row, .adm_resources_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_counters_home .dataTables_empty, body.adm_counters_home tr.row_selected, body.adm_counters_home .myTable tbody tr.row_selected td, body.adm_counters_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_counters_home .myTable tbody tr.row_selected td, body.adm_counters_home .footer-icon:hover, .adm_counters_home .user-fields li.selected-row, .adm_counters_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_ledgers_home .dataTables_empty, body.adm_ledgers_home tr.row_selected td:not(.delete_img), body.adm_ledgers_home .myTable tbody tr.row_selected td, body.adm_ledgers_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_ledgers_home .myTable tbody tr.row_selected td, body.adm_ledgers_home .footer-icon:hover, .adm_ledgers_home .user-fields li.selected-row, .adm_ledgers_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_products_home .dataTables_empty, body.adm_products_home tr.row_selected, body.adm_products_home .myTable.productsDataTable tbody tr.products_row_selected td, body.adm_products_home .myTable.productsDataTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_products_home .myTable.productsDataTable tbody tr.row_selected td, body.adm_products_home .footer-icon:hover, .adm_products_home .user-fields li.selected-row, .adm_products_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_mailboxes_home .dataTables_empty, body.adm_mailboxes_home tr.row_selected, body.adm_mailboxes_home .myTable tbody tr.users_row_selected td, body.adm_mailboxes_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_mailboxes_home .myTable tbody tr.users_row_selected td, body.adm_mailboxes_home .footer-icon:hover, .adm_mailboxes_home .user-fields li.selected-row, .adm_mailboxes_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_acttypes_home .dataTables_empty, body.adm_acttypes_home tr.row_selected, body.adm_acttypes_home .myTable tbody tr.row_selected td, body.adm_acttypes_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_acttypes_home .myTable tbody tr.row_selected td, body.adm_acttypes_home .footer-icon:hover, .adm_acttypes_home .user-fields li.selected-row, .adm_acttypes_home .field-placeholder .add-fields-table .selected-add-row td:last-child,
body.adm_exactparams_home .dataTables_empty, body.adm_exactparams_home tr.row_selected, body.adm_exactparams_home .myTable tbody tr.row_selected td, body.adm_exactparams_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck),
body.adm_exactparams_home .myTable tbody tr.row_selected td, body.adm_exactparams_home .footer-icon:hover, .adm_exactparams_home .user-fields li.selected-row, .adm_exactparams_home .field-placeholder .add-fields-table .selected-add-row td:last-child
body.adm_templates_home .search_button_entities:hover, body.adm_products_home .add_block:hover, body.adm_products_home .grid-stack .myTable tbody tr:hover, .search_button_mutations:hover, body.adm_maillogs_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.adm_products_home .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck){
	background-color: #868871 !important;
	background-color: var(--admin-color, #868871) !important;
	color: #fff !important;
}
.search_button_mutations{
	margin-left: 0 !important;
}
#article1 .detail_row div h2 {
    font-size: 1em !important;
}
.details_container .detail_row div h2{
    font-size: 1.05em !important;   
}

body.accounts_home .filter_container input[type=button]:hover, body.accounts_home .filter_container input[type=submit]:hover, body.accounts_home .filter-popup .tree-sub-sub-sub .selected-article,
body.accounts_home .typeahead__dropdown>li.active>a, body.accounts_home .typeahead__dropdown>li>a:focus, body.accounts_home .cancel-filter:hover, body.accounts_home .order-div .action_button.chosen,
body.accounts_home .typeahead__dropdown>li>a:hover, body.accounts_home .typeahead__list>li.active>a, body.accounts_home .typeahead__list>li>a:focus, 
body.accounts_home .typeahead__list>li>a:hover, body.accounts_home .empty, body.accounts_home .date-block, body.accounts_home .filters-table .selected-filter-row,
body.accounts_home .ui-datepicker a:hover, body.accounts_home .mail_td .action_button:hover, body.accounts_home .mail-file-upload:hover, .dash-accounts,
body.accounts_home .email_editor .action_button:hover, .search_button_persons:hover, body.accounts_home .tt-suggestion:hover, body.accounts_home .tt-suggestion.tt-cursor, body.accounts_home .mCSB_dragger, 
body.accounts_home .typeahead__item a:hover, body.accounts_home .typeahead__item:hover, body.accounts_home .search_button_account:hover, body.accounts_home .search_button_account2:hover,
body.accounts_home .search_button_person:hover, body.accounts_home .search_button_person2:hover, body.accounts_home .paginate_button:hover, body.accounts_home .single_paginate_button:hover, body.accounts_home .search_button_articles:hover,
body.accounts_home .search_button_accounts:hover, body.accounts_home .action_button:hover, body.accounts_home .search-filter:hover, body.accounts_home .collapse-filter:hover, body.accounts_home .filter-config:hover, body.accounts_home .colleagues_button:hover,
body.accounts_home .details_container .myTable:not(.orderLinesTable):not(.quotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover, body.accounts_home .add-field-btn:hover, body.accounts_home .hide-columns-btn:hover, body.accounts_home .action_copy_role:hover,
body.accounts_home .search_button_person2:hover, body.accounts_home .search_button_course:hover, body.accounts_home .search_button_attendee:hover, body.accounts_home .search_button_opp:hover, body.accounts_home .search_button_call:hover, body.accounts_home .invite_button:hover{
	background-color: #6CA237 !important;
	background-color: var(--accounts-color, #6CA237) !important;
	color: #fff !important;
}
body.accounts_home ul.tagit li.tagit-choice{
	background-color: #6CA237;
	background-color: var(--accounts-color, #6CA237);
}
body.accounts_home .slideout-help {
    border-top: 25px solid #6CA237;
    border-top: 25px solid var(--accounts-color, #6CA237);
}

body.persons_home .filter_container input[type=submit]:hover, body.persons_home .filter_container input[type=button]:hover, body.persons_home .filter-popup .tree-sub-sub-sub .selected-article,
body.persons_home .typeahead__dropdown>li.active>a, body.persons_home .typeahead__dropdown>li>a:focus, body.persons_home .cancel-filter:hover, body.persons_home .order-div .action_button.chosen,
body.persons_home .typeahead__dropdown>li>a:hover, body.persons_home .typeahead__list>li.active>a, body.persons_home .typeahead__list>li>a:focus, 
body.persons_home .typeahead__list>li>a:hover, body.persons_home .empty, body.persons_home .date-block, body.persons_home .ui-datepicker a:hover, .dash-persons,
body.persons_home .mail_td .action_button:hover, body.persons_home .mail-file-upload:hover, body.persons_home .filter-config:hover, body.persons_home .filters-table .selected-filter-row,
body.persons_home .email_editor .action_button:hover, .search_button_persons:hover, body.persons_home .tt-suggestion:hover, body.persons_home .tt-suggestion.tt-cursor, body.persons_home .mCSB_dragger, 
body.persons_home .typeahead__item a:hover, body.persons_home .typeahead__item:hover, body.persons_home .search_button_account2:hover, body.persons_home .search_button_person2:hover,
body.persons_home .paginate_button:hover, body.persons_home .search_button_persons:hover, body.persons_home .single_paginate_button:hover,
body.persons_home .action_button:hover, body.persons_home .search_button_account:hover, body.persons_home .search_button_person:hover, body.persons_home .search-filter:hover, body.persons_home .collapse-filter:hover,
body.persons_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.persons_home .add-field-btn:hover, body.persons_home .action_copy_role:hover,
body.persons_home .search_button_person2:hover, body.persons_home .search_button_course:hover, body.persons_home .search_button_attendee:hover, body.persons_home .search_button_opp:hover,
body.persons_home .attendeesTable tbody tr:hover td, body.persons_home .invite_button:hover, body.persons_home .colleagues_button:hover{
	background-color: #2C9BCE !important;
	background-color: var(--persons-color, #2C9BCE) !important; 
	color: #fff !important;
}

body.persons_home ul.tagit li.tagit-choice{
	background-color: #2C9BCE;
	background-color: var(--persons-color, #2C9BCE);
}
body.persons_home .slideout-help, body.persons_home .favorites_menu {
    border-top: 25px solid #2C9BCE;
    border-top: 25px solid var(--persons-color, #2C9BCE);
}

body.activities_home .filter_container .save_btn:hover, body.activities_home .filter_container .empty_btn:hover, body.activities_home .filter_container .add_filter:hover,
body.activities_home .typeahead__dropdown>li.active>a, body.activities_home .typeahead__dropdown>li>a:focus, body.activities_home .cancel-filter:hover,
body.activities_home .typeahead__dropdown>li>a:hover, body.activities_home .typeahead__list>li.active>a, body.activities_home .typeahead__list>li>a:focus, body.activities_home .single_paginate_button:hover,
body.activities_home .typeahead__list>li>a:hover, body.activities_home .empty, body.activities_home .date-block, body.activities_home .ui-datepicker a:hover, .dash-activities,
body.activities_home .mail_td .action_button:hover, body.activities_home .mail-file-upload:hover, body.activities_home .filter-config:hover, body.activities_home .filters-table .selected-filter-row,
body.activities_home .email_editor .action_button:hover, .search_button_persons:hover, body.activities_home .tt-suggestion:hover, body.activities_home .tt-suggestion.tt-cursor, body.activities_home .mCSB_dragger, 
body.activities_home .typeahead__item a:hover, body.activities_home .typeahead__item:hover, body.activities_home .search_button_account2:hover, body.activities_home .search_button_person2:hover,
body.activities_home .myTable:not(.isLoading) tbody tr:not(.noHover):not(.detail_row) td:not(.statusicon):not(.expand):not(.collectivecheck):not(.editicon):not(.showinfo):hover, body.activities_home .paginate_button:hover, body.activities_home .search_button_activities:hover,
body.activities_home .action_button:hover, body.activities_home .search_button_account:hover, body.activities_home .search_button_person:hover, body.activities_home .search-filter:hover, body.activities_home .collapse-filter:hover,
body.activities_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.activities_home ul.tagit li.tagit-choice, body.activities_home .add-field-btn:hover, body.activities_home .action_copy_role:hover,
body.activities_home .search_button_person2:hover, body.activities_home .search_button_course:hover,body.activities_home .search_button_attendee:hover, body.activities_home .search_button_opp:hover, body.activities_home .search_button_call:hover, 
body.activities_home .invite_button:hover, body.activities_home .colleagues_button:hover{
	background-color: #718492 !important;
	background-color: var(--activities-color, #718492) !important;
	color: #fff !important;
}
body.activities_home ul.tagit li.tagit-choice{
	background-color: #718492;
	background-color: var(--activities-color, #718492);
}
body.activities_home .slideout-help, body.activities_home .favorites_menu {
    border-top: 25px solid #718492;
    border-top: 25px solid var(--activities-color, #718492);
}

.usertasks_menu{
    display: none;
	top: 25px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    z-index: 99999991;
    padding: 15px;
    border-radius: 0px 0 0px 10px;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    box-shadow: -2px 0px 9px 0px #666;
	max-width: 96%;
}
.usertasks_menu .paging_full_numbers{
	padding-top: 0 !important;
}
.usertasks_menu h2{
	margin: 0 !important;
}
.deltaskwarning{
	display: none;
	float: left;
    width: 100%;
	margin-top: 14px;
	color: #e30000;
}
.deltaskwarning .action_button{
	margin-right: 8px;
}
.usertasks_btn_div{
	display: none;
    position: absolute;
    z-index: 999999;
    margin-right: 155px;
	right: 5% !important;
    top: 3px;
}
.usertasks_btn_div input{
	cursor: pointer;
	color: #fff;
	background-color: transparent;
	border: 0;
	font-size: 1.05em !important;
	background-image: url(../images/action/alerts-empty.svg) !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right 0px;
    padding-right: 26px;
}
.usertasks_btn_div input.new-tasks{
	background-image: url(../images/action/alerts.svg) !important;
}
.usertasks_btn_div input:hover{
	text-decoration: underline;
}


body.calls_home .filter_container .save_btn:hover, body.calls_home .filter_container .empty_btn:hover, body.calls_home .filter_container .add_filter:hover,
body.calls_home .typeahead__dropdown>li.active>a, body.calls_home .typeahead__dropdown>li>a:focus, body.calls_home .cancel-filter:hover,
body.calls_home .typeahead__dropdown>li>a:hover, body.calls_home .typeahead__list>li.active>a, body.calls_home .typeahead__list>li>a:focus, 
body.calls_home .typeahead__list>li>a:hover, body.calls_home .empty, body.calls_home .date-block, body.calls_home .ui-datepicker a:hover, .dash-calls, body.calls_home .single_paginate_button:hover,
body.calls_home .mail_td .action_button:hover, body.calls_home .mail-file-upload:hover, body.calls_home .filter-config:hover, body.calls_home .filters-table .selected-filter-row,
body.calls_home .email_editor .action_button:hover, .search_button_persons:hover, body.calls_home .tt-suggestion:hover, body.calls_home .tt-suggestion.tt-cursor, body.calls_home .mCSB_dragger, 
body.calls_home .typeahead__item a:hover, body.calls_home .typeahead__item:hover, body.calls_home .search_button_account2:hover, body.calls_home .search_button_person2:hover,
body.calls_home .myTable:not(.isLoading) tbody tr:not(.noHover):not(.detail_row) td:not(.statusicon):not(.expand):not(.showinfo):not(.collectivecheck):not(.editicon):hover, body.calls_home .paginate_button:hover, body.calls_home .search_button_activities:hover,
body.calls_home .action_button:hover, body.calls_home .search_button_calls:hover, body.calls_home .search_button_account:hover, body.calls_home .search_button_person:hover, body.calls_home .search-filter:hover, body.calls_home .collapse-filter:hover,
body.calls_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.calls_home ul.tagit li.tagit-choice, body.calls_home .add-field-btn:hover, body.calls_home .search_button_opp:hover, 
body.calls_home .invite_button:hover, body.calls_home .colleagues_button:hover{
	background-color: #11905A !important;
	background-color: var(--calls-color, #11905A) !important;
	color: #fff !important;
}
body.calls_home ul.tagit li.tagit-choice{
	background-color: #11905A;
	background-color: var(--calls-color, #11905A);
}
body.calls_home .slideout-help, body.calls_home .favorites_menu {
    border-top: 25px solid #11905A;
    border-top: 25px solid var(--calls-color, #11905A);
}

body.course_attendees_home ul.tagit li.tagit-choice, body.courses_home ul.tagit li.tagit-choice, body.default_courses_home ul.tagit li.tagit-choice, body.webregs_home ul.tagit li.tagit-choice{
	background-color: #2B6190;
	background-color: var(--courses-color, #2B6190);
}
body.default_courses_home .slideout-help, body.courses_home .slideout-help, body.coaches_home .slideout-help, body.resources_home .slideout-help, body.course_attendees_home .slideout-help, body.webregs_home .slideout-help, body.agenda_home .slideout-help,
body.default_courses_home .favorites_menu, body.courses_home .favorites_menu, body.coaches_home .favorites_menu, body.resources_home .favorites_menu, body.course_attendees_home .favorites_menu, body.webregs_home .favorites_menu, body.agenda_home .favorites_menu  {
    border-top: 25px solid #2B6190;
    border-top: 25px solid var(--courses-color, #2B6190);
}

body.reports_home .filter_container .save_btn:hover, body.reports_home .filter_container .empty_btn:hover, body.reports_home .filter_container .add_filter:hover,
body.reports_home .typeahead__dropdown>li.active>a, body.reports_home .typeahead__dropdown>li>a:focus, body.reports_home .cancel-filter:hover,
body.reports_home .typeahead__dropdown>li>a:hover, body.reports_home .typeahead__list>li.active>a, body.reports_home .typeahead__list>li>a:focus, 
body.reports_home .typeahead__list>li>a:hover, body.reports_home .empty, body.reports_home .date-block, body.reports_home .ui-datepicker a:hover, body.reports_home .single_paginate_button:hover,
body.reports_home .mail_td .action_button:hover, body.reports_home .mail-file-upload:hover, body.reports_home .filter-config:hover, body.reports_home .filters-table .selected-filter-row,
body.reports_home .email_editor .action_button:hover, .search_button_persons:hover, body.reports_home .tt-suggestion:hover, body.reports_home .tt-suggestion.tt-cursor, body.reports_home .mCSB_dragger, 
body.reports_home .typeahead__item a:hover, body.reports_home .typeahead__item:hover, body.reports_home .search_button_account2:hover, body.reports_home .search_button_person2:hover,
body.reports_home .myTable:not(.isLoading) tbody tr:not(.noHover):hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.reports_home .paginate_button:hover, body.reports_home .search_button_activities:hover,
body.reports_home .action_button:hover, body.reports_home .search_button_calls:hover, body.reports_home .search_button_account:hover, body.reports_home .search_button_person:hover, body.reports_home .search-filter:hover, body.reports_home .collapse-filter:hover,
body.reports_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.reports_home ul.tagit li.tagit-choice, body.reports_home .add-field-btn:hover{
	background-color: #566496 !important;
	background-color: var(--reports-color, #566496) !important;
	color: #fff !important;
}
body.reports_home ul.tagit li.tagit-choice{
	background-color: #566496;
	background-color: var(--reports-color, #566496);
}
body.reports_home .slideout-help, body.reports_home .favorites_menu {
    border-top: 25px solid #566496;
    border-top: 25px solid var(--reports-color, #566496);
}
.reports_home .report-div #report-info-mode{
	overflow-x: visible !important;
	overflow-y: visible !important;
}
.reports_home .report-div #report-info-mode .genbtn{
	margin-top: 3px !important;
}
body.adm_templates_home .filter_container .save_btn:hover, body.adm_templates_home .filter_container .empty_btn:hover, body.adm_templates_home .filter_container .add_filter:hover,
body.adm_templates_home .typeahead__dropdown>li.active>a, body.adm_templates_home .typeahead__dropdown>li>a:focus, body.adm_templates_home .cancel-filter:hover,
body.adm_templates_home .typeahead__dropdown>li>a:hover, body.adm_templates_home .typeahead__list>li.active>a, body.adm_templates_home .typeahead__list>li>a:focus, body.adm_templates_home .single_paginate_button:hover,
body.adm_templates_home .typeahead__list>li>a:hover, body.adm_templates_home .empty, body.adm_templates_home .date-block, body.adm_templates_home .ui-datepicker a:hover, .dash-features,
body.adm_templates_home .mail_td .action_button:hover, body.adm_templates_home .mail-file-upload:hover, body.adm_templates_home .filter-config:hover, body.adm_templates_home .filters-table .selected-filter-row,
body.adm_templates_home .email_editor .action_button:hover, .search_button_persons:hover, body.adm_templates_home .tt-suggestion:hover, body.adm_templates_home .tt-suggestion.tt-cursor, body.adm_templates_home .mCSB_dragger, 
body.adm_templates_home .typeahead__item a:hover, body.adm_templates_home .typeahead__item:hover, body.adm_templates_home .search_button_account2:hover, body.adm_templates_home .search_button_person2:hover,
body.adm_templates_home .myTable:not(.isLoading) tbody tr:not(.noHover):not(.detail_row):hover td:not(.edit_img):not(.delete_img):not(.pref-img):not(.EDITICON):not(.REMARKS):not(.collectivecheck):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.editicon), body.adm_templates_home .paginate_button:hover, body.adm_templates_home .search_button_activities:hover,
body.adm_templates_home .action_button:hover, body.adm_templates_home .search_button_calls:hover, body.adm_templates_home .search_button_account:hover, body.adm_templates_home .search_button_person:hover, body.adm_templates_home .search-filter:hover, body.adm_templates_home .collapse-filter:hover,
body.adm_templates_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.adm_templates_home ul.tagit li.tagit-choice, body.adm_templates_home .add-field-btn:hover, body.adm_templates_home .search_button_templates:hover,
body.adm_templates_home .action_menu input:hover{
	background-color: #868871 !important;
	background-color: var(--admin-color, #868871) !important;
	color: #fff !important;
}

body.default_courses_home .filter_container .save_btn:hover, body.default_courses_home .filter_container .empty_btn:hover, body.default_courses_home .filter_container .add_filter:hover, .dash-products,
body.default_courses_home .typeahead__dropdown>li.active>a, body.default_courses_home .typeahead__dropdown>li>a:focus, body.default_courses_home .cancel-filter:hover,
body.default_courses_home .typeahead__dropdown>li>a:hover, body.default_courses_home .typeahead__list>li.active>a, body.default_courses_home .typeahead__list>li>a:focus, 
body.default_courses_home .typeahead__list>li>a:hover, body.default_courses_home .empty, body.default_courses_home .date-block, body.default_courses_home .ui-datepicker a:hover,
body.default_courses_home .mail-file-upload:hover, body.default_courses_home .filter-config:hover, body.default_courses_home .filters-table .selected-filter-row, body.default_courses_home tr.coursegrades_row_selected,
body.default_courses_home .search_button_persons:hover, body.default_courses_home .tt-suggestion:hover, body.default_courses_home .tt-suggestion.tt-cursor, body.default_courses_home .mCSB_dragger, 
body.default_courses_home .typeahead__item a:hover, body.default_courses_home .typeahead__item:hover, body.default_courses_home .search_button_account2:hover, body.default_courses_home .search_button_person2:hover,
body.default_courses_home .myTable:not(.isLoading) tbody tr:not(.noHover):not(.detail_row):hover td:not(.statusicon):not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.ACTIVEYNDESC):not(.EXPAND), body.default_courses_home .paginate_button:hover, body.default_courses_home .search_button_activities:hover,
body.default_courses_home .action_button:hover, body.default_courses_home .search_button_courses:hover, body.default_courses_home .search_button_account:hover, body.default_courses_home .search_button_person:hover, body.default_courses_home .search-filter:hover, body.default_courses_home .collapse-filter:hover,
body.default_courses_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.default_courses_home ul.tagit li.tagit-choice, body.default_courses_home .add-field-btn:hover,
body.webregs_home .filter_container .save_btn:hover, body.webregs_home .filter_container .empty_btn:hover, body.webregs_home .filter_container .add_filter:hover,
body.webregs_home .typeahead__dropdown>li.active>a, body.webregs_home .typeahead__dropdown>li>a:focus, body.webregs_home .cancel-filter:hover, body.webregs_home .search_button_course:hover,
body.webregs_home .typeahead__dropdown>li>a:hover, body.webregs_home .typeahead__list>li.active>a, body.webregs_home .typeahead__list>li>a:focus, 
body.webregs_home .typeahead__list>li>a:hover, body.webregs_home .empty, body.webregs_home .date-block, body.webregs_home .ui-datepicker a:hover,
body.webregs_home .mail-file-upload:hover, body.webregs_home .filter-config:hover, body.webregs_home .filters-table .selected-filter-row, body.webregs_home tr.coursegrades_row_selected,
body.webregs_home .search_button_persons:hover, body.webregs_home .tt-suggestion:hover, body.webregs_home .tt-suggestion.tt-cursor, body.webregs_home .mCSB_dragger, 
body.webregs_home .typeahead__item a:hover, body.webregs_home .typeahead__item:hover, body.webregs_home .search_button_account2:hover, body.webregs_home .search_button_person2:hover, body.webregs_home .single_paginate_button:hover,
body.webregs_home .myTable:not(.isLoading):not(.add-table) tbody tr:not(.detail_row):not(.noHover) td:not(:first-child):hover, body.webregs_home .paginate_button:hover, body.webregs_home .search_button_activities:hover,
body.webregs_home .action_button:hover, body.webregs_home .search_button_courses:hover, body.webregs_home .search_button_account:hover, body.webregs_home .search_button_person:hover, body.webregs_home .search-filter:hover, body.webregs_home .collapse-filter:hover,
body.webregs_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.webregs_home ul.tagit li.tagit-choice, body.webregs_home .add-field-btn:hover, body.webregs_home .search_button_webregs:hover, 
body.courses_home .filter_container .save_btn:hover, body.courses_home .filter_container .empty_btn:hover, body.courses_home .filter_container .add_filter:hover,
body.courses_home .typeahead__dropdown>li.active>a, body.courses_home .typeahead__dropdown>li>a:focus, body.courses_home .cancel-filter:hover,
body.courses_home .typeahead__dropdown>li>a:hover, body.courses_home .typeahead__list>li.active>a, body.courses_home .typeahead__list>li>a:focus, 
body.courses_home .typeahead__list>li>a:hover, body.courses_home .empty, body.courses_home .date-block, body.courses_home .ui-datepicker a:hover, body.courses_home .details_container .myTable tbody tr.activities_block_row_selected td:not(.editicon):not(.STATUSICON):not(:last-child),
body.courses_home .mail-file-upload:hover, body.courses_home .filter-config:hover, body.courses_home .filters-table .selected-filter-row, body.courses_home .details_container .myTable tbody tr.row_selected,
body.courses_home .search_button_persons:hover, body.courses_home .tt-suggestion:hover, body.courses_home .tt-suggestion.tt-cursor, body.courses_home .mCSB_dragger, 
body.courses_home .typeahead__item a:hover, body.courses_home .typeahead__item:hover, body.courses_home .search_button_account2:hover, body.courses_home .search_button_person2:hover, body.courses_home .single_paginate_button:hover,
body.courses_home .myTable:not(.isLoading):not(.attendeesTable) tbody tr:not(.detail_row):not(.noHover):not(.agenda_attendees) > td:not(:first-child):not(.editicon):hover, body.courses_home .paginate_button:hover, body.courses_home .search_button_activities:hover, body.courses_home tr.coursegrades_row_selected,
body.courses_home .action_button:hover, body.courses_home .search_button_courses:hover, body.courses_home .search_button_account:hover, body.courses_home .search_button_person:hover, body.courses_home .search-filter:hover, body.courses_home .collapse-filter:hover,
body.courses_home .details_container .myTable tbody tr:not(.noHover):not(.detail_row):not(.noHover):hover, body.courses_home ul.tagit li.tagit-choice, body.courses_home .add-field-btn:hover, body.courses_home .attendeesTable tbody tr:hover td,
body.course_attendees_home .filter_container .save_btn:hover, body.course_attendees_home .filter_container .empty_btn:hover, body.course_attendees_home .filter_container .add_filter:hover,
body.course_attendees_home .typeahead__dropdown>li.active>a, body.course_attendees_home .typeahead__dropdown>li>a:focus, body.course_attendees_home .cancel-filter:hover, body.resources_home .search_button_account:hover,
body.course_attendees_home .typeahead__dropdown>li>a:hover, body.course_attendees_home .typeahead__list>li.active>a, body.course_attendees_home .typeahead__list>li>a:focus, body.resources_home .search_button_account2:hover,
body.course_attendees_home .typeahead__list>li>a:hover, body.course_attendees_home .empty, body.course_attendees_home .date-block, body.course_attendees_home .ui-datepicker a:hover,
body.course_attendees_home .mail-file-upload:hover, body.course_attendees_home .filter-config:hover, body.course_attendees_home .filters-table .selected-filter-row, body.course_attendees_home tr.coursegrades_row_selected,
body.course_attendees_home .search_button_persons:hover, body.course_attendees_home .tt-suggestion:hover, body.course_attendees_home .tt-suggestion.tt-cursor, body.course_attendees_home .mCSB_dragger, body.course_attendees_home .single_paginate_button:hover,
body.course_attendees_home .typeahead__item a:hover, body.course_attendees_home .typeahead__item:hover, body.course_attendees_home .search_button_account2:hover, body.course_attendees_home .search_button_person2:hover,
body.course_attendees_home .myTable:not(.isLoading) tbody tr:not(.noHover):not(.detail_row):hover td:not(.STATUSICON):not(.editicon):not(:last-child), body.course_attendees_home .paginate_button:hover, body.course_attendees_home .search_button_activities:hover,
body.course_attendees_home .action_button:hover, body.course_attendees_home .search_button_attendees:hover, body.course_attendees_home .search_button_account:hover, body.course_attendees_home .search_button_person:hover, body.course_attendees_home .search-filter:hover, body.course_attendees_home .collapse-filter:hover,
body.course_attendees_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover, body.course_attendees_home ul.tagit li.tagit-choice, body.course_attendees_home .add-field-btn:hover,
body.coaches_home .typeahead__item a:hover, body.coaches_home .typeahead__item:hover, body.coaches_home .typeahead__list>li>a:hover, body.coaches_home .tt-suggestion:hover, body.coaches_home .tt-suggestion.tt-cursor,
body.coaches_home .typeahead__dropdown>li.active>a, body.coaches_home .typeahead__dropdown>li>a:focus, body.coaches_home .action_button:hover, body.resources_home .tt-suggestion:hover,
body.coaches_home .typeahead__dropdown>li>a:hover, body.coaches_home .typeahead__list>li.active>a, body.coaches_home .typeahead__list>li>a:focus, body.resources_home .search_button_resources:hover, body.counters_home .search_button_counters:hover,
body.agenda_home .typeahead__item a:hover, body.agenda_home .typeahead__item:hover, body.agenda_home .typeahead__list>li>a:hover, body.agenda_home .tt-suggestion:hover, body.agenda_home .tt-suggestion.tt-cursor,
body.agenda_home .typeahead__dropdown>li.active>a, body.agenda_home .typeahead__dropdown>li>a:focus, body.agenda_home .action_button:hover, body.agenda_home .search_button_account:hover, body.resources_home .single_paginate_button:hover,
body.agenda_home .typeahead__dropdown>li>a:hover, body.agenda_home .typeahead__list>li.active>a, body.agenda_home .typeahead__list>li>a:focus, body.agenda_home .search_button_account2:hover, body.resources_home .paginate_button:hover,
body.resources_home .add_filter:hover, body.resources_home .empty_btn:hover, body.resources_home .action_button:hover, .attendee-move-div .search_button_course:hover, .attendee-move-div .search_button_opp:hover,
body.resources_home .ui-state-default.ui-state-active{
	background-color: #2B6190 !important;
	background-color: var(--courses-color, #2B6190) !important;
	color: #fff !important;	
}
.addcoursereg-div .action_menu{
	margin-top: 15px;
    margin-right: 0;
}
.add-webreg label, .add-webreg td{
	cursor: default !important;
}
body.documents_home .paginate_button:hover, body.documents_home .single_paginate_button:hover, body.documents_home .footer-icon:hover, body.documents_home .action_button:hover, body.documents_home .tt-suggestion:hover, body.documents_home .invite_button:hover, body.documents_home .empty_btn:hover,
body.documents_home .action_save:hover, body.documents_home .action_cancel:hover, body.documents_home .search_button_account2:hover, body.documents_home .search_button_person2:hover, body.documents_home .footer-icon.help:hover, body.documents_home .footer-icon.menu:hover,
body.documents_home .search_button_documents:hover, body.documents_home .action_menu input:hover, body.documents_home .action_reject:hover, body.documents_home .action_promote:hover, .dash-all, body.documents_home .filter-config:hover,
body.documents_home .save_search_filter:hover, body.documents_home .add_filter:hover, body.documents_home .colleagues_button:hover{
	background-color: #AD2551 !important;
	background-color: var(--documents-color, #AD2551) !important;
	color: #fff !important;
}

body.documents_home ul.tagit li.tagit-choice{
	background-color: #AD2551;
	background-color: var(--documents-color, #AD2551);
}
body.documents_home .slideout-help, body.documents_home .favorites_menu {
    border-top: 25px solid #AD2551;
    border-top: 25px solid var(--documents-color, #AD2551);
}

body.opportunities_home table.orderBlockTable tbody tr:not(.detail_row):hover td:not(.editicon):not(.expand), body.opportunities_home table.quotationBlockTable tbody tr:not(.detail_row):hover td:not(.editicon):not(.expand),
body.opportunities_home table.activityBlockTable tbody tr:hover td:not(.STATUSICON):not(.editicon):not(.expand):not(.detail_row), body.opportunities_home table.hsQuotationBlockTable tbody tr:not(.detail_row):hover td:not(.editicon):not(.expand),
body.opportunities_home table.documentBlockTable tbody tr:hover td:not(.IMAGEPATH), body.opportunities_home table.callBlockTable tbody tr:not(.detail_row):hover td:not(.STATUSICON):not(.editicon):not(.expand), body.opportunities_home .filter-page .alternateOccs tbody tr.row_selected{
	background-color: #7C4F88 !important;
	background-color: var(--opportunities-color, #7C4F88) !important;
	color: #fff !important;
}

body.opportunities_home .filter_container .save_btn:hover, body.opportunities_home .filter_container .empty_btn:hover, body.opportunities_home .filter_container .add_filter:hover, body.opportunities_home .filter-popup .tree-sub-sub-sub .selected-article,
body.opportunities_home .typeahead__dropdown>li.active>a, body.opportunities_home .typeahead__dropdown>li>a:focus, body.opportunities_home .cancel-filter:hover, body.opportunities_home .order-div .action_button.chosen,
body.opportunities_home .typeahead__dropdown>li>a:hover, body.opportunities_home .typeahead__list>li.active>a, body.opportunities_home .typeahead__list>li>a:focus, .dash-orders,
body.opportunities_home .typeahead__list>li>a:hover, body.opportunities_home .empty, body.opportunities_home .date-block, body.opportunities_home .filters-table .selected-filter-row,
body.opportunities_home .ui-datepicker a:hover, body.opportunities_home .mail_td .action_button:hover, body.opportunities_home .mail-file-upload:hover, body.opportunities_home .calltype-search-btn:hover,
body.opportunities_home .email_editor .action_button:hover, .search_button_persons:hover, .search_button_opp:hover, .search_button_call:hover, body.opportunities_home .tt-suggestion:hover, body.opportunities_home .tt-suggestion.tt-cursor, body.opportunities_home .mCSB_dragger, 
body.opportunities_home .typeahead__item a:hover, body.opportunities_home .typeahead__item:hover, body.opportunities_home .search_button_account:hover, body.opportunities_home .search_button_account2:hover,
body.opportunities_home .search_button_person:hover, body.opportunities_home .search_button_person2:hover, body.opportunities_home .paginate_button:hover, body.opportunities_home .search_button_articles:hover,
body.opportunities_home .search_button_opportunities:hover, body.opportunities_home .action_button:hover, body.opportunities_home .search-filter:hover, body.opportunities_home .collapse-filter:hover, body.opportunities_home .filter-config:hover,
body.opportunities_home .details_container .myTable:not(.orderBlockTable):not(.quotationBlockTable):not(.activityBlockTable):not(.callBlockTable):not(.hsQuotationBlockTable):not(.documentBlockTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.STATUSICON):not(.expand), body.opportunities_home .add-field-btn:hover, body.opportunities_home .hide-columns-btn:hover, body.opportunities_home .action_copy_role:hover,
body.opportunities_home .search_button_person2:hover, body.opportunities_home .search_button_course:hover, body.opportunities_home .search_button_attendee:hover, body.opportunities_home .single_paginate_button:hover, body.opportunities_home .footer-icon:hover, body.opportunities_home .action_button:hover, 
body.opportunities_home .tt-suggestion:hover, body.opportunities_home .invite_button:hover, body.opportunities_home .colleagues_button:hover,
body.opportunities_home .action_save:hover, body.opportunities_home .action_cancel:hover, body.opportunities_home .search_button_account2:hover, body.opportunities_home .search_button_person2:hover, body.opportunities_home .footer-icon:hover,
body.opportunities_home .search_button_documents:hover, body.opportunities_home .action_menu input:hover, body.opportunities_home .details_container .myTable tbody tr:not(.detail_row).row_selected td:not(.editicon):not(.STATUSICON):not(.expand), body.opportunities_home .action_reject:hover, body.opportunities_home .action_promote:hover,
body.opportunities_home .timepage .orderHeadAddBtn input:hover, body.opportunities_home .timepage .courseHeadAddBtn input:hover, body.opportunities_home .timepage .accountHeadAddBtn input:hover, body.opportunities_home .timepage .indirecthoursHeadAddBtn input:hover,
body.opportunities_home .timepage .orders tbody tr input.editorder:hover, body.opportunities_home .timepage .accounts tbody tr input.editaccount:hover, body.opportunities_home .timepage .courses tbody tr input.editcourse:hover, body.opportunities_home .timepage .other tbody tr input.editother:hover,
body.opportunities_home .timepage input.deletetimerow:hover, body.opportunities_home .timepage input.canceladdtimerow:hover, body.opportunities_home .timepage table thead th.today, .opportunities_home .timepage .action_button:hover, .opportunities_home .search-orderrows-table tbody tr:hover td, .opportunities_home .search-orderrows-table tbody tr.orderrows_selected td,
.opportunities_home .timepage .search_button_course:hover, .opportunities_home .timepage .copy_btn:hover, .opportunities_home .timepage .search_button_account2:hover, .opportunities_home .timepage .edit_btn:hover, .opportunities_home .timepage .del_btn:hover, .opportunities_home .timepage .orderrows-results .paginate_button.previous:hover, 
.opportunities_home .timepage .orderrows-results .paginate_button.next:hover, .opportunities_home .timepage .orderrows-results .paginate_button.first:hover, .opportunities_home .timepage .orderrows-results .paginate_button.last:hover{
	background-color: #7C4F88 !important;
	background-color: var(--opportunities-color, #7C4F88) !important;
	color: #fff !important;
}

body.opportunities_home .dataTables_empty, body.opportunities_home tr.row_selected td:not(.editicon):not(.STATUSICON):not(.expand), body.opportunities_home .myTable:not(.activityBlockTable) tbody tr.activities_row_selected td:not(.statusicon):not(.expand):not(.collectivecheck):not(.editicon), 
body.opportunities_home .myTable:not(.isLoading):not(.documentBlockTable):not(.activityBlockTable):not(.oppDocumentBlockTable):not(.orderLinesTable):not(.orderArticleLine):not(.orderBlockTable):not(.quotationBlockTable):not(.quotationLinesTable):not(.histQuotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.statusicon):not(.expand):not(.collectivecheck):not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), 
body.opportunities_home .footer-icon:hover, body.opportunities_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child), body.opportunities_home #block_course_attendees .attendees_row_selected, .opportunitiesTable tbody tr.opportunities_row_selected td:not(.editicon), 
body.opportunities_home .myTable.activityBlockTable tbody tr.activities_row_selected td:not(:first-child):not(:last-child):not(.editicon):not(.STATUSICON), body.opportunities_home tbody tr.features_row_selected td:not(.editicon){
	background-color: #7C4F88 !important;
	background-color: var(--opportunities-color, #7C4F88) !important;
	color: #fff !important;
}
body.opportunities_home ul.tagit li.tagit-choice{
	background-color: #7C4F88;
	background-color: var(--opportunities-color, #7C4F88);
}
body.opportunities_home .slideout-help, body.opportunities_home .favorites_menu {
    border-top: 25px solid #7C4F88;
    border-top: 25px solid var(--opportunities-color, #7C4F88);
}
body.orders_home .filter_container .save_btn:hover, body.orders_home .filter_container .empty_btn:hover, body.orders_home .filter_container .add_filter:hover, body.orders_home .filter-popup .tree-sub-sub-sub .selected-article,
body.orders_home .typeahead__dropdown>li.active>a, body.orders_home .typeahead__dropdown>li>a:focus, body.orders_home .cancel-filter:hover, body.orders_home .order-div .action_button.chosen,
body.orders_home .typeahead__dropdown>li>a:hover, body.orders_home .typeahead__list>li.active>a, body.orders_home .typeahead__list>li>a:focus, .dash-orders,
body.orders_home .typeahead__list>li>a:hover, body.orders_home .empty, body.orders_home .date-block, body.orders_home .filters-table .selected-filter-row,
body.orders_home .ui-datepicker a:hover, body.orders_home .mail_td .action_button:hover, body.orders_home .mail-file-upload:hover, body.orders_home .calltype-search-btn:hover,
body.orders_home .email_editor .action_button:hover, .search_button_persons:hover, .search_button_opp:hover, .search_button_call:hover, body.orders_home .tt-suggestion:hover, body.orders_home .tt-suggestion.tt-cursor, body.orders_home .mCSB_dragger, 
body.orders_home .typeahead__item a:hover, body.orders_home .typeahead__item:hover, body.orders_home .search_button_account:hover, body.orders_home .search_button_account2:hover,
body.orders_home .search_button_person:hover, body.orders_home .search_button_person2:hover, body.orders_home .paginate_button:hover, body.orders_home .search_button_articles:hover,
body.orders_home .search_button_orders:hover, body.orders_home .action_button:hover, body.orders_home .search-filter:hover, body.orders_home .collapse-filter:hover, body.orders_home .filter-config:hover,
body.orders_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.IMAGEPATH), body.orders_home .add-field-btn:hover, body.orders_home .hide-columns-btn:hover, body.orders_home .action_copy_role:hover,
body.orders_home .search_button_person2:hover, body.orders_home .search_button_course:hover, body.orders_home .search_button_attendee:hover, body.orders_home .single_paginate_button:hover, body.orders_home .footer-icon:hover, body.orders_home .action_button:hover, body.orders_home .tt-suggestion:hover, body.orders_home .invite_button:hover,
body.orders_home .action_save:hover, body.orders_home .action_cancel:hover, body.orders_home .search_button_account2:hover, body.orders_home .search_button_person2:hover, body.orders_home .colleagues_button:hover,
body.orders_home .search_button_documents:hover, body.orders_home .action_menu input:hover, body.orders_home .details_container .myTable tbody tr.row_selected, body.orders_home .action_reject:hover, body.orders_home .action_promote:hover,
body.orders_home .timepage .orderHeadAddBtn input:hover, body.orders_home .timepage .courseHeadAddBtn input:hover, body.orders_home .timepage .accountHeadAddBtn input:hover, body.orders_home .timepage .indirecthoursHeadAddBtn input:hover,
body.orders_home .timepage .orders tbody tr input.editorder:hover, body.orders_home .timepage .accounts tbody tr input.editaccount:hover, body.orders_home .timepage .courses tbody tr input.editcourse:hover, body.orders_home .timepage .other tbody tr input.editother:hover,
body.orders_home .timepage input.deletetimerow:hover, body.orders_home .timepage input.canceladdtimerow:hover, body.orders_home .timepage table thead th.today, .orders_home .timepage .action_button:hover, .orders_home .search-orderrows-table tbody tr:hover td, .orders_home .search-orderrows-table tbody tr.orderrows_selected td, body.orders_home .filter-page .alternateOccs tbody tr.row_selected,
.orders_home .timepage .search_button_course:hover, .orders_home .timepage .copy_btn:hover, .orders_home .timepage .search_button_account2:hover, .orders_home .timepage .edit_btn:hover, .orders_home .timepage .del_btn:hover, .orders_home .timepage .orderrows-results .paginate_button.previous:hover, 
.orders_home .timepage .orderrows-results .paginate_button.next:hover, .orders_home .timepage .orderrows-results .paginate_button.first:hover, .orders_home .timepage .orderrows-results .paginate_button.last:hover,.orders_home .starttask .fieldValContainer li .edit-field-btn {
	background-color: #1d5c6d !important;
	background-color: var(--orders-color, #1d5c6d) !important;
	color: #fff !important;
}

body.orders_home .dataTables_empty, body.orders_home tr.row_selected td:not(.editicon), body.orders_home .myTable:not(.activityBlockTable) tbody tr.activities_row_selected td:not(.statusicon):not(.expand):not(.collectivecheck):not(.collerror):not(.editicon), 
body.orders_home .myTable:not(.isLoading):not(.documentBlockTable):not(.activityBlockTable):not(.orderLinesTable):not(.orderArticleLine):not(.quotationLinesTable):not(.histQuotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.statusicon):not(.expand):not(.collectivecheck):not(.collerror):not(.editicon):not(.IMAGEPATH):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), 
body.orders_home .footer-icon:hover, body.orders_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child), body.orders_home #block_course_attendees .attendees_row_selected, .ordersTable tbody tr.orders_row_selected td:not(.collerror):not(.editicon), 
body.orders_home .myTable.activityBlockTable tbody tr.activities_row_selected td:not(:first-child):not(:last-child):not(.editicon), body.orders_home tbody tr.features_row_selected td:not(.editicon){
	background-color: #1d5c6d !important;
	background-color: var(--orders-color, #1d5c6d) !important;
	color: #fff !important;
}
body.orders_home ul.tagit li.tagit-choice{
	background-color: #1d5c6d;
	background-color: var(--orders-color, #1d5c6d);
}
body.orders_home .slideout-help, body.orders_home .favorites_menu {
    border-top: 25px solid #1d5c6d;
    border-top: 25px solid var(--orders-color, #1d5c6d);
}

body.quotations_home .filter_container .save_btn:hover, body.quotations_home .filter_container .empty_btn:hover, body.quotations_home .filter_container .add_filter:hover, body.quotations_home .filter-popup .tree-sub-sub-sub .selected-article,
body.quotations_home .typeahead__dropdown>li.active>a, body.quotations_home .typeahead__dropdown>li>a:focus, body.quotations_home .cancel-filter:hover, body.quotations_home .order-div .action_button.chosen,
body.quotations_home .typeahead__dropdown>li>a:hover, body.quotations_home .typeahead__list>li.active>a, body.quotations_home .typeahead__list>li>a:focus, .dash-quotations,
body.quotations_home .typeahead__list>li>a:hover, body.quotations_home .empty, body.quotations_home .date-block, body.quotations_home .filters-table .selected-filter-row, .add_block:hover,
body.quotations_home .ui-datepicker a:hover, body.quotations_home .mail_td .action_button:hover, body.quotations_home .mail-file-upload:hover, body.quotations_home .calltype-search-btn:hover,
body.quotations_home .email_editor .action_button:hover, .search_button_persons:hover, .search_button_opp:hover, .search_button_call:hover, body.quotations_home .tt-suggestion:hover, body.quotations_home .tt-suggestion.tt-cursor, body.quotations_home .mCSB_dragger, 
body.quotations_home .typeahead__item a:hover, body.quotations_home .typeahead__item:hover, body.quotations_home .search_button_account:hover, body.quotations_home .search_button_account2:hover,
body.quotations_home .search_button_person:hover, body.quotations_home .search_button_person2:hover, body.quotations_home .paginate_button:hover, body.quotations_home .search_button_articles:hover,
body.quotations_home .search_button_quotations:hover, body.quotations_home .action_button:hover, body.quotations_home .search-filter:hover, body.quotations_home .collapse-filter:hover, body.quotations_home .filter-config:hover,
body.quotations_home .details_container .myTable tbody tr:not(.detail_row):not(.noHover):hover td:not(.editicon):not(.IMAGEPATH), body.quotations_home .add-field-btn:hover, body.quotations_home .hide-columns-btn:hover, body.quotations_home .action_copy_role:hover,
body.quotations_home .search_button_person2:hover, body.quotations_home .search_button_course:hover, body.quotations_home .search_button_attendee:hover, body.quotations_home .single_paginate_button:hover, body.quotations_home .footer-icon:hover, body.quotations_home .action_button:hover, body.quotations_home .tt-suggestion:hover, body.quotations_home .invite_button:hover, body.quotations_home .filter-page .alternateOccs tbody tr.row_selected,
body.quotations_home .action_save:hover, body.quotations_home .action_cancel:hover, body.quotations_home .search_button_account2:hover, body.quotations_home .search_button_person2:hover, body.quotations_home .colleagues_button:hover,
body.quotations_home .search_button_documents:hover, body.quotations_home .action_menu input:hover, body.quotations_home .details_container .myTable tbody tr.row_selected, body.quotations_home .action_reject:hover, body.quotations_home .action_promote:hover{
	background-color: #537052 !important;
	background-color: var(--quotations-color, #537052) !important;
	color: #fff !important;
}

body.quotations_home .dataTables_empty, body.quotations_home tr.row_selected td:not(.editicon), body.quotations_home .myTable:not(.activityBlockTable) tbody tr.activities_row_selected td:not(.statusicon):not(.expand):not(.collectivecheck):not(.collerror):not(.editicon), 
body.quotations_home .myTable:not(.isLoading):not(.documentBlockTable):not(.activityBlockTable):not(.orderLinesTable):not(.orderArticleLine):not(.quotationLinesTable):not(.histQuotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover td:not(.statusicon):not(.expand):not(.collectivecheck):not(.collerror):not(.editicon):not(.IMAGEPATH):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), 
body.quotations_home .footer-icon:hover, body.quotations_home .memoBlockTable tbody tr.memos_block_row_selected td:not(:last-child), body.quotations_home #block_course_attendees .attendees_row_selected, .quotationsTable tbody tr.quotations_row_selected td:not(.collerror):not(.editicon), 
body.quotations_home .myTable.activityBlockTable tbody tr.activities_row_selected td:not(:first-child):not(:last-child):not(.editicon), body.quotations_home tbody tr.features_row_selected td:not(.editicon){
	background-color: #537052 !important;
	background-color: var(--quotations-color, #537052) !important;
	color: #fff !important;
}
body.quotations_home ul.tagit li.tagit-choice, body.quotations_home .save_search_filter:hover{
	background-color: #537052;
	background-color: var(--quotations-color, #537052);
}
body.quotations_home .slideout-help, body.quotations_home .favorites_menu {
    border-top: 25px solid #537052;
    border-top: 25px solid var(--quotations-color, #537052);
}
.recalculate-amounts{
	cursor: pointer;
	right: 0;
    float: right;
    margin-top: 3px;
    margin-right: -33px;
}

body.alerts_home .filter_container .save_btn:hover, body.alerts_home .filter_container .empty_btn:hover, body.alerts_home .filter_container .add_filter:hover, body.alerts_home .filter-popup .tree-sub-sub-sub .selected-article,
body.alerts_home .typeahead__dropdown>li.active>a, body.alerts_home .typeahead__dropdown>li>a:focus, body.alerts_home .cancel-filter:hover, body.alerts_home .order-div .action_button.chosen,
body.alerts_home .typeahead__dropdown>li>a:hover, body.alerts_home .typeahead__list>li.active>a, body.alerts_home .typeahead__list>li>a:focus, body.alerts_home .footer-icon:hover,
body.alerts_home .typeahead__list>li>a:hover, body.alerts_home .empty, body.alerts_home .date-block, body.alerts_home .filters-table .selected-filter-row, body.alerts_home .single_paginate_button:hover,
body.alerts_home .ui-datepicker a:hover, body.alerts_home .mail_td .action_button:hover, body.alerts_home .mail-file-upload:hover, body.alerts_home .calls_row_selected td:not(.statusicon):not(.expand):not(.collectivecheck):not(.showinfo),
body.alerts_home .email_editor .action_button:hover, .search_button_persons:hover, body.alerts_home .tt-suggestion:hover, body.alerts_home .tt-suggestion.tt-cursor, body.alerts_home .mCSB_dragger, 
body.alerts_home .typeahead__item a:hover, body.alerts_home .typeahead__item:hover, body.alerts_home .search_button_account:hover, body.alerts_home .search_button_account2:hover,
body.alerts_home .search_button_person:hover, body.alerts_home .search_button_person2:hover, body.alerts_home .paginate_button:hover, body.alerts_home .search_button_articles:hover, body.alerts_home .search_button_calls:hover
body.alerts_home .search_button_alerts:hover, body.alerts_home .action_button:hover, body.alerts_home .search-filter:hover, body.alerts_home .collapse-filter:hover, body.alerts_home .filter-config:hover, body.alerts_home .colleagues_button:hover,
body.alerts_home .details_container .myTable:not(.orderLinesTable):not(.quotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover, body.alerts_home .add-field-btn:hover, body.alerts_home .hide-columns-btn:hover, body.alerts_home .action_copy_role:hover,
body.alerts_home .search_button_person2:hover, body.alerts_home .search_button_course:hover, body.alerts_home .search_button_attendee:hover, body.alerts_home .search_button_opp:hover, body.alerts_home .search_button_call:hover, body.alerts_home .invite_button:hover{
	background-color: #367125 !important;
	background-color: var(--alerts-color, #367125) !important;
	color: #fff !important;
}
body.alerts_home ul.tagit li.tagit-choice{
	background-color: #367125;
	background-color: var(--alerts-color, #367125);
}

body.dashboards_home .filter_container .save_btn:hover, body.dashboards_home .filter_container .empty_btn:hover, body.dashboards_home .filter_container .add_filter:hover, body.dashboards_home .filter-popup .tree-sub-sub-sub .selected-article,
body.dashboards_home .typeahead__dropdown>li.active>a, body.dashboards_home .typeahead__dropdown>li>a:focus, body.dashboards_home .cancel-filter:hover, body.dashboards_home .order-div .action_button.chosen,
body.dashboards_home .typeahead__dropdown>li>a:hover, body.dashboards_home .typeahead__list>li.active>a, body.dashboards_home .typeahead__list>li>a:focus, 
body.dashboards_home .typeahead__list>li>a:hover, body.dashboards_home .empty, body.dashboards_home .date-block, body.dashboards_home .filters-table .selected-filter-row, 
body.dashboards_home .ui-datepicker a:hover, body.dashboards_home .mail_td .action_button:hover, body.dashboards_home .mail-file-upload:hover, body.dashboards_home .calls_row_selected td:not(.statusicon):not(.expand):not(.collectivecheck):not(.showinfo):not(.editicon),
body.dashboards_home .email_editor .action_button:hover, .search_button_persons:hover, body.dashboards_home .tt-suggestion:hover, body.dashboards_home .tt-suggestion.tt-cursor, body.dashboards_home .mCSB_dragger, 
body.dashboards_home .typeahead__item a:hover, body.dashboards_home .typeahead__item:hover, body.dashboards_home .search_button_account:hover, body.dashboards_home .search_button_account2:hover, body.dashboards_home .colleagues_button:hover,
body.dashboards_home .search_button_person:hover, body.dashboards_home .search_button_person2:hover, body.dashboards_home .paginate_button:hover, body.dashboards_home .search_button_articles:hover, body.dashboards_home .search_button_calls:hover,
body.dashboards_home .search_button_alerts:hover, body.dashboards_home .action_button:hover, body.dashboards_home .search-filter:hover, body.dashboards_home .collapse-filter:hover, body.dashboards_home .filter-config:hover,
body.dashboards_home .details_container .myTable:not(.orderLinesTable):not(.quotationLinesTable) tbody tr:not(.detail_row):not(.noHover):hover, body.dashboards_home .add-field-btn:hover, body.dashboards_home .hide-columns-btn:hover, body.dashboards_home .action_copy_role:hover,
body.dashboards_home .search_button_person2:hover, body.dashboards_home .search_button_course:hover, body.dashboards_home .search_button_attendee:hover, body.dashboards_home .search_button_opp:hover, body.dashboards_home .invite_button:hover{
	background-color: #01738a !important;
	background-color: var(--dashboards-color, #01738a) !important;
	color: #fff !important;
}
body.dashboards_home ul.tagit li.tagit-choice{
	background-color: #01738a;
	background-color: var(--dashboards-color, #01738a);
}

body.timewriting_home .tt-suggestion:hover, body.timewriting_home .action_button:hover, body.timewriting_home #footer .footer-icon.back:hover, body.timewriting_home .field-placeholder .field-values li:hover div,
body.timewriting_home .footer-icon:hover, body.approvehours_home .tt-suggestion:hover, body.approvehours_home .action_button:hover, body.approvehours_home #footer .footer-icon.back:hover, body.approvehours_home .field-placeholder .field-values li:hover div,
body.approvehours_home .footer-icon:hover, body.invoicehours_home .tt-suggestion:hover, body.invoicehours_home .action_button:hover, body.invoicehours_home #footer .footer-icon.back:hover, body.invoicehours_home .field-placeholder .field-values li:hover div,
body.invoicehours_home .footer-icon:hover, body.approvehours_home .myTable:not(.orderLinesTable) tbody tr:not(.detail_row):hover td:not(.expand):not(.collectivecheck):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.editicon), body.invoicehours_home .myTable:not(.orderLinesTable) tbody tr:not(.detail_row):hover td:not(.expand):not(.collerror):not(.collectivecheck):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck):not(.editicon), body.timewriting_home .myTable .dataTables_empty, body.approvehours_home .myTable .dataTables_empty, body.invoicehours_home .myTable .dataTables_empty,
body.approvehours_home .myTable tbody tr.row_selected td:not(.expand):not(.collectivecheck), body.invoicehours_home .myTable tbody tr.row_selected td:not(.expand):not(.collerror) {
	background-color: #FF5722 !important;
	background-color: var(--timewriting-color, #FF5722) !important;
	color: #fff !important;
}
body.timewriting_home ul.tagit li.tagit-choice{
	background-color: #FF5722;
	background-color: var(--timewriting-color, #FF5722);
}
body.timewriting_home .slideout-help, body.approvehours_home .slideout-help, body.invoicehours_home .slideout-help, body.timewriting_home .favorites_menu, body.approvehours_home .favorites_menu, body.invoicehours_home .favorites_menu {
    border-top: 25px solid #FF5722;
    border-top: 25px solid var(--timewriting-color, #FF5722);
}

body.dashboards_home .paginate_button:hover, body.dashboards_home .footer-icon:hover, body.dashboards_home .action_button:hover, body.dashboards_home .tt-suggestion:hover,
body.dashboards_home .action_save:hover, body.documents_home .action_cancel:hover, body.dashboards_home .search_button_account2:hover, body.dashboards_home .search_button_person2:hover,
body.dashboards_home .search_button_documents:hover, body.dashboards_home .action_menu input:hover, body.dashboards_home .action_reject:hover, body.dashboards_home .action_promote:hover, .dash-all, body.dashboards_home .filter-config:hover,
body.dashboards_home .search_button_order:hover{
	background-color: #01738a !important;
	background-color: var(--dashboards-color, #01738a) !important;
	color: #fff !important;
}
body.dashboards_home .slideout-help, body.dashboards_home .favorites_menu {
    border-top: 25px solid #01738a;
    border-top: 25px solid var(--dashboards-color, #01738a);
}
body.dashboards_home .rangelist-filter{
	width: 170px;
}
body.dashboards_home .department-filter{
	width: 200px;
	margin-top: 10px !important;
	margin-right: 0 !important;
}
body.dashboards_home .representer-filter{
	width: 425px;
	margin-top: -12px !important;
	margin-right: 3px !important;
}
body.dashboards_home .filterbar.contactDetails{
    margin-bottom: 25px;
    background-color: #eeeeee;
    width: 510px;
    border-radius: 8px;
    border: 1px solid #ccc;
	padding-bottom: 10px;
	display: none;
}
body.dashboards_home .action_button.filterchart{
	width: auto !important;
	margin-top: 12px !important;
}
body.dashboards_home .filterbar .contactDetails, body.dashboards_home .filterbar.contactDetails #order_search, #graphfilter-events-typeahead{
	padding-left: 0;
	width: 425px;
}
body.dashboards_home .filterbar .contactDetails .action_button{
	margin-top: 5px !important;
}
body.dashboards_home .filterbar .contactDetails .action_button.apply_filter{
	margin-left: 36% !important;	
	margin-right: 5px;
}
body.dashboards_home .filterbar.contactDetails #order_search .empty_res{
	display: none !important;
}
body.dashboards_home .filterbar.contactDetails #order_search .search_button_order, #graphfilter-events-typeahead .action_button{
	margin-top: 0px !important;
    margin-right: -88px !important;
	margin-left: 0px !important;
    float: right;
    width: 80px !important;
}

body.settings_home .tt-suggestion:hover, body.settings_home .action_button:hover, body.settings_home #footer .footer-icon.back:hover, body.settings_home .field-placeholder .field-values li:hover div, body.settings_home .myTable .dataTables_empty,
body.settings_home .footer-icon.help:hover, body.settings_home .footer-icon.menu:hover, body.settings_home .myTable tbody tr:hover td:not(.editicon):not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), body.settings_home .paginate_button:hover, body.settings_home .footer-icon:hover{
	background-color: #BD3333 !important;
	background-color: var(--settings-color, #BD3333) !important;
	color: #fff !important;
}
body.settings_home ul.tagit li.tagit-choice{
	background-color: #BD3333;
	background-color: var(--settings-color, #BD3333);
}
body.settings_home .slideout-help, body.settings_home .favorites_menu {
    border-top: 25px solid #BD3333;
    border-top: 25px solid var(--settings-color, #BD3333);
}

body.inbox_home .paginate_button:hover, body.inbox_home .footer-icon:hover, body.inbox_home .action_button:hover, body.inbox_home .tt-suggestion:hover, body.inbox_home .invite_button:hover, body.inbox_home .colleagues_button:hover,
body.inbox_home .action_save:hover, body.inbox_home .action_cancel:hover, body.inbox_home .search_button_account2:hover, body.inbox_home .search_button_person2:hover, body.inbox_home .footer-icon.help:hover, body.inbox_home .footer-icon.menu:hover,
body.inbox_home .search_button_course:hover,body.inbox_home .search_button_attendee:hover, body.inbox_home .calltype-search-btn:hover{
	background-color: #D49F00 !important;
	background-color: var(--inbox-color, #D49F00) !important;
	color: #fff !important;
}

body.inbox_home ul.tagit li.tagit-choice{
	background-color: #D49F00;
	background-color: var(--inbox-color, #D49F00);
}
body.inbox_home .slideout-help, body.inbox_home .favorites_menu {
    border-top: 25px solid #D49F00;
    border-top: 25px solid var(--inbox-color, #D49F00);
}
.filesContainer table.-uent-empty-, .coursereg-div .delegate_search, .coursereg-div .booker_search, .coursereg-div .invoicee_search{
	display: none;
}
.del_subgroup_webinschrijvingen, .ins_subgroup_webinschrijvingen, .fct_subgroup_webinschrijvingen, .amyyon_subgroup_webinschrijvingen, .subgroup_webinschrijvingen{
	width: 100%;
	float: left;
}
.del_subgroup_webinschrijvingen.topper, .ins_subgroup_webinschrijvingen.topper, .fct_subgroup_webinschrijvingen.topper, .subgroup_webinschrijvingen.topper{
	margin-top: 10px;
}
.del_subgroup_webinschrijvingen.business, .ins_subgroup_webinschrijvingen.business, .fct_subgroup_webinschrijvingen.business, body.webregs_home .contactDetails:not(.amyyondata):not(.addreg) .delegate-tab-content {
	margin-top: 52px !important;
}
body.webregs_home .contactDetails.addreg .delegate-tab-content, body.webregs_home .contactDetails.addreg .booker-tab-content, body.webregs_home .contactDetails.addreg .invoicee-tab-content {
	margin-top: 20px !important;
}

body.webregs_home .contactDetails:not(.amyyondata):not(.addreg) .booker-tab-content:not(.margintopper){
	margin-top: 171px !important;
}
body.webregs_home .contactDetails:not(.amyyondata):not(.addreg) .invoicee-tab-content:not(.margintopper){
	margin-top: 211px !important;
}
body.webregs_home .margintopper{
	margin-top: 20px !important;	
}
.amyyondata .delegate-tab-content, .amyyondata .booker-tab-content, .amyyondata .invoicee-tab-content{
	margin-top: 0px !important;
}
.del_subgroup_webinschrijvingen .second, .ins_subgroup_webinschrijvingen .second, .fct_subgroup_webinschrijvingen .second, .amyyon_subgroup_webinschrijvingen .second, .subgroup_webinschrijvingen .second{
	min-height: 28px !important;
}
.del_searchdelegate_webinschrijvingen input[type=button]{
	float: right;
	width: 125px;
}
.del_searchdelegate_webinschrijvingen .form-control{
	float: left;
	width: calc(100% - 128px);
}
.del_searchdelegate_webinschrijvingen .action_button{
	float: right;
	width: 140px;
	margin-top: 0 !important;
}
.showPersonDatatable{
	width: 300px;
    float: left;
    margin-left: 10px;
	text-decoration: underline;
	padding-top: 3px;
	height: 20px;
	font-size: 0.95em !important;
}
.showPersonDatatable:hover, body.webregs_home .coursereg-div .found-modcosts:hover, body.webregs_home .new_del_account input:hover, body.webregs_home .new_ins_account input:hover, body.webregs_home .new_fct_account input:hover{
	text-decoration: none  !important;
	cursor: pointer;
}

body.webregs_home .add-webreg table th{
	text-align: left;
	width: 230px;
}
body.webregs_home .add-webreg table tr:hover, body.webregs_home .add-webreg table tr td:hover, body.webregs_home .add-webreg table tr:hover td{
	background-color: transparent !important;
	background: transparent !important;
	color: #333 !important;
}
body.webregs_home .coursereg-div .samebookerselection, body.webregs_home .coursereg-div .sameinvoiceeselection{
    padding-top: 10px;
}
body.webregs_home .coursereg-div .samebookerselection > div > div,body.webregs_home .coursereg-div .sameinvoiceeselection > div > div{
	margin-top: 3px;
}
body.webregs_home .coursereg-div .otherbookerselection, body.webregs_home .coursereg-div .otherinvoiceeselection, body.webregs_home .new_del_account, body.webregs_home .new_ins_account, body.webregs_home .new_fct_account{
	display: none;
}
body.webregs_home .coursereg-div .samebookerselection div, body.webregs_home .coursereg-div .sameinvoiceeselection div, body.webregs_home .coursereg-div .samebookerselection input[type=checkbox], body.webregs_home .coursereg-div .sameinvoiceeselection input[type=checkbox]{
	float: left;
}
body.webregs_home .coursereg-div .samebookerselection > div, body.webregs_home .coursereg-div .sameinvoiceeselection > div{
	width: 100%;
	cursor: pointer !important;
}
body.webregs_home .new_del_account input, body.webregs_home .new_ins_account input, body.webregs_home .new_fct_account input{
    margin-left: 36%;
    margin-bottom: 25px;
	font-size: 0.95em !important;
}
body.webregs_home .checkboxlabel:hover, body.webregs_home .new_del_account input, body.webregs_home .new_ins_account input, body.webregs_home .new_fct_account input{
	text-decoration: underline;
	border: 0;
	background-color: #fff;
}
.coursereg-div .event-details-info{
	display: none;
}
.coursereg-div .expand-event-details{
	background-repeat: no-repeat;
	background-image: url(../images/action/arrow_down.svg);
	background-size: 40px;
	width: 40px;
	height: 40px;
}
.coursereg-div .d_event_webinschrijvingen .second{
    width: calc(60% - 40px) !important;
}
.coursereg-div .action_menu{
	position: absolute !important;
    right: 4% !important;
    margin-right: 0 !important;
}
.coursereg-div .contactDetails{
	margin-top: 10px;
}
.coursereg-div .d_event_webinschrijvingen .second .form-control{
	float: left;
	width: calc(100% - 83px);
}
.coursereg-div .contactDetails.amyyondata .del_werkgever_webinschrijvingen .second:not(.addr) .form-control, .coursereg-div .contactDetails.amyyondata .ins_werkgever_webinschrijvingen .second:not(.addr) .form-control,
.coursereg-div .contactDetails.amyyondata .fct_werkgever_webinschrijvingen .second:not(.addr) .form-control{
	width: calc(100% - 110px) !important;
}
.coursereg-div .contactDetails.amyyondata .del_werkgever_webinschrijvingen .second .action_button, .coursereg-div .contactDetails.amyyondata .ins_werkgever_webinschrijvingen .second .action_button,
.coursereg-div .contactDetails.amyyondata .fct_werkgever_webinschrijvingen .second .action_button{
    width: 80px !important;
    margin-top: 0px !important;
    float: right !important;	
}

.coursereg-div .d_event_webinschrijvingen .second .action_button{
    float: right;
    width: 80px;
    margin-top: 1px;
}
.d_event_webinschrijvingen .course_search{
	display: none;
	width: 60%;
    float: left;
    margin-left: 36%;
}
.coursereg-div .amyyondata .delegate_search, .coursereg-div .amyyondata .booker_search, .coursereg-div .amyyondata .invoicee_search{
    float: left;
    margin-left: 0;
    width: 100%;
}

.coursereg-div .tab-holder, .addcoursereg-div .tab-holder, .coursereg-div .tab-amyyon-holder{
    width: calc(100% - 26px);
	float: left;
	margin-bottom: -2px;
    margin-top: 20px;
}
.contactDetails.addreg .tab-holder{
    margin-top: 30px !important;
}
.coursereg-div .tab-amyyon-holder{
	margin-top: 6px !important;
}
.coursereg-div .delegate_search span.twitter-typeahead, .coursereg-div .booker_search span.twitter-typeahead, .coursereg-div .invoicee_search span.twitter-typeahead{
    width: calc(100% - 83px) !important;
}

.coursereg-div .amyyondata .delegate_search .searchAccountForm > .typeahead, .coursereg-div .amyyondata .booker_search .searchAccountForm > .typeahead, .coursereg-div .amyyondata .invoicee_search .searchAccountForm > .typeahead{
    width: calc(100% - 83px) !important;
    margin-right: 0 !important;
}
.coursereg-div .tab-content, .addcoursereg-div .tab-content{
	width: calc(100% - 40px);
    float: left;
	border: 2px solid var(--courses-color, #2B6190) !important;
	border: 2px solid #2B6190;
	padding-left: 12px;
	padding-bottom: 20px;
    border-radius: 0 0 15px 15px;
}
.coursereg-div .tab-content .clear_webinschrijvingen label{
    margin-top: 10px;
    float: left;
    margin-left: 4px;
	text-decoration: underline;
}
.coursereg-div .tab-content .clear_webinschrijvingen label:hover{
	text-decoration: none;
	cursor: pointer;
}
.coursereg-div .delegate-tab-content, .coursereg-div .booker-tab-content, .coursereg-div .invoicee-tab-content{
    width: 100%;
    float: left;
}
.coursereg-div .booker-tab-content, .coursereg-div .invoicee-tab-content, .contactDetails.amyyondata .del_werkgever_webinschrijvingen, .contactDetails.amyyondata .ins_werkgever_webinschrijvingen,
.contactDetails.amyyondata .fct_werkgever_webinschrijvingen, .del_adresses_webinschrijvingen, .ins_adresses_webinschrijvingen, .fct_adresses_webinschrijvingen{
	display: none;
}
.coursereg-div .tab-holder h3, .coursereg-div .tab-amyyon-holder h3, .addcoursereg-div .tab-holder h3{
    float: left;
    width: calc(100% / 3 - 22px);
    margin-right: -2px;
    padding: 10px;
    margin-top: 3px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    font-weight: normal;
	border: 2px solid var(--courses-color, #2B6190) !important;
	border: 2px solid #2B6190;
    cursor: default;
    font-size: 14px;
    margin-bottom: 0;
}
.coursereg-div .tab-holder h3:not(.active):hover, .coursereg-div .tab-amyyon-holder h3:not(.active):hover, .addcoursereg-div .tab-holder h3:not(.active):hover{
	background-color: var(--courses-color, #2B6190) !important;
	background-color: #2B6190;
    color: #fff;
	cursor: pointer !important;
}
.coursereg-div .tab-holder h3.active, .coursereg-div .tab-amyyon-holder h3.active, .addcoursereg-div .tab-holder h3.active{
	background-color: var(--courses-color, #2B6190) !important;
	background-color: #2B6190;
    color: #fff;
}
.coursereg-div{
    margin-top: 10px;
}
.coursereg-div section.contactDetailsSection{
	width: calc(50% - 20px) !important;
	margin-top: 10px;
}
.coursereg-div section.syncDetails{
	width: 160px !important;
	text-align: center;
	float: left;
    margin: 292px auto;
    position: fixed;
    left: 0;
    right: 0;
	display: none;
}
.coursereg-div section.syncDetails div{
	cursor: pointer;
}
.coursereg-div section.syncDetails img.sync-user{
	margin-bottom: 10px;
	width: 52px;
	margin-left: -10px;	
}
.coursereg-div section.syncDetails img.sync-data, .coursereg-div section.syncDetails img.save-data, .coursereg-div section.syncDetails img.save-sync, .coursereg-div section.syncDetails img.view-data{
	margin-bottom: 10px;
	width: 43px;
	margin-left: -5px;
}
.coursereg-div section.syncDetails img.save-sync{
	width: 36px !important;	
}
.coursereg-div section.syncDetails strong{
    width: 100%;
    float: left;
}
.coursereg-div section.syncDetails div{
    float: left;
    width: 100%;
	margin-bottom: 60px;
}
.coursereg-div section.contactDetailsSection input[type=checkbox]:not(.sameins):not(.samefct):not(.webreg-check):not(.samebookercheck):not(.otherbookercheck):not(.sameinvoiceecheck):not(.otherinvoiceecheck){
	display: none;
	margin-top: 0px;
    float: left;
    margin-right: 10px;
}

.overlayLoginName, .overlayLoginPassword{
	font-weight: bold !important;
}

.del_subgroup_webinschrijvingen.webins, .ins_subgroup_webinschrijvingen.webins, .fct_subgroup_webinschrijvingen.webins{
	margin-top: 72px !important;
}
.del_accountradio_webinschrijvingen, .del_personradio_webinschrijvingen, .ins_accountradio_webinschrijvingen, .ins_personradio_webinschrijvingen, .fct_accountradio_webinschrijvingen, .fct_personradio_webinschrijvingen{
	margin-top: 10px;
	margin-bottom: -10px;
}
.del_accountradio_webinschrijvingen tbody tr, .del_personradio_webinschrijvingen tbody tr, .ins_personradio_webinschrijvingen tbody tr, .fct_personradio_webinschrijvingen tbody tr{
	display: block;
	float: left;
}
.del_accountradio_webinschrijvingen tbody tr:first-child, .del_personradio_webinschrijvingen tbody tr:first-child, .ins_personradio_webinschrijvingen tbody tr:first-child,
.fct_personradio_webinschrijvingen tbody tr:first-child{
	margin-left: -8px;
}
.del_accountradio_webinschrijvingen tbody tr:not(:first-child){
	margin-left: 5px;
}
.del_personradio_webinschrijvingen tbody tr:not(:first-child), .ins_personradio_webinschrijvingen tbody tr:not(:first-child),
.fct_personradio_webinschrijvingen tbody tr:not(:first-child){
	margin-left: 25px;
}
.del_accountradio_webinschrijvingen .second label, .del_personradio_webinschrijvingen .second label, .ins_accountradio_webinschrijvingen .second label, .ins_personradio_webinschrijvingen .second label, .fct_accountradio_webinschrijvingen .second label, .fct_personradio_webinschrijvingen .second label{
	float: left;
}
.del_accountradio_webinschrijvingen .second input, .del_personradio_webinschrijvingen .second input, .ins_accountradio_webinschrijvingen .second input, .ins_personradio_webinschrijvingen .second input, .fct_accountradio_webinschrijvingen .second input, .fct_personradio_webinschrijvingen .second input{
	cursor: pointer;
	margin-top: 1px;
}

body.webregs_home .contactDetails.amyyondata .newcheck{
	display: block !important;
    border-radius: 15px !important;
	margin-top: -8px !important;
    margin-right: 18px !important;
    width: 0;
    height: 0;
}
.del_accountradio_webinschrijvingen .second input:after, .del_personradio_webinschrijvingen .second input:after, .ins_accountradio_webinschrijvingen .second input:after, .ins_personradio_webinschrijvingen .second input:after, .fct_accountradio_webinschrijvingen .second input:after, .fct_personradio_webinschrijvingen .second input:after{
    width: 14px;
	height: 14px;
	border-radius: 15px;
	position: relative;
    background-color: #DDD;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #bbb;
}
.del_accountradio_webinschrijvingen .second input:checked:after, .del_personradio_webinschrijvingen .second input:checked:after, .ins_accountradio_webinschrijvingen .second input:checked:after, .ins_personradio_webinschrijvingen .second input:checked:after, .fct_accountradio_webinschrijvingen .second input:checked:after, .fct_personradio_webinschrijvingen .second input:checked:after{
	width: 14px;
	height: 14px;
	border-radius: 15px;
	position: relative;
    background-color: var(--courses-color, #2B6190) !important;
    background-color: #2B6190;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #bbb;
}
.del_accountradio_webinschrijvingen .second label:hover, .del_personradio_webinschrijvingen .second label:hover, .ins_accountradio_webinschrijvingen .second label:hover, .ins_personradio_webinschrijvingen .second label:hover, .fct_accountradio_webinschrijvingen .second label:hover, .fct_personradio_webinschrijvingen .second label:hover{
	text-decoration: underline;
	cursor: pointer;
}

.webreg-check{
	float: left;
	margin-right: 5px;
}
.webreg-modules-table, .webreg-costs-table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 12px;
	margin-bottom: 15px;
}
.modules_and_costs_webinschrijvingen {
	display: none;
    position: absolute;
    margin-top: 11px;
    background-color: #fff;
    position: absolute;
    margin-top: 155px;
    box-shadow: -2px 4px 11px 3px #999;
    border-radius: 15px;
    width: 75%;
    border: 2px solid var(--courses-color, #2B6190) !important;
    border: 2px solid #2B6190;
	max-height: 260px;
	z-index: 99;
}
.modules_and_costs_webinschrijvingen_add span{
    padding: 3px;
    float: left;
}
.contactDetails.addreg .d_event_webinschrijvingen .course_search{
	display: block !important;
	margin-left: 0 !important;
}
.contactDetails.addreg .d_event_webinschrijvingen .first{
    width: 180px;
}
h2.toph2{
    margin-top: -40px !important;
    margin-left: 7px;
}
.contactDetails.addreg .course_search{
    width: 100% !important;
}

.modules_and_costs_webinschrijvingen strong, .modules_and_costs_webinschrijvingen_add strong{
    width: 50%;
    float: left;
	padding-bottom: 10px;
}
.modules_and_costs_webinschrijvingen > div, .modules_and_costs_webinschrijvingen_add > div{
    margin: 10px 0px 10px 20px;
}
.modules_and_costs_webinschrijvingen > div{
	width: calc(50% - 40px);
	float: left;
	max-height: 215px;
    overflow: auto;
}
.modules_and_costs_webinschrijvingen_add div > div{
	margin-right: 10px;
	width: calc(50% - 10px);
	float: left;
}

.modules_and_costs_webinschrijvingen table span{
    width: calc(100% - 28px);
    padding-bottom: 8px;
    float: left;
}

.syncfield{
    background-color: #2b619033 !important;
	color: #111 !important;
	padding-top: 8px !important;
}

.defMainModuleBlockTable tr.detail_row .myTable, .mainModuleBlockTable tr.detail_row .myTable, .mainModuleCostBlockTable tr.detail_row .myTable{
	pointer-events: none;
}

.attendee-div .mainmodules, .course-div .mainmodules{
	width: 49%;
    margin-right: 2%;
    float: left;
	margin-top: 25px;
}
.attendee-div .mainmodules_title, .course-div .mainmodules_title{
	margin-top: 20px;
	font-weight: bold;
	width: 100%;
}
.course-width label {
    font-weight: bold;
}
.course-div .modulesaccos .accommodations > table.-uent-empty-, .course-div .modulesaccos .modules > table.-uent-empty-{
	display: none;
}
.planitem-div .mainmodules_title{
    float: left;
    margin-bottom: 10px;
	margin-top: 12px;
	font-weight: bold;
	width: 100%;
}
.modulesaccos table td{
	padding: 4px 15px !important;
}
.mainmods{
	width: 49% !important;
	margin-top: 25px !important;
}
.mainmods .accommodations{
	margin-top: 13px !important;
}
.mainmods .accolabel{
	width: 100% !important;
}
.mainmodules_div{
	float: left;
    width: 100%;
    margin-bottom: 15px;
}
.webreg-modules-table.-uent-empty-{
	display: none;
}
.modules_and_costs_webinschrijvingen{
	max-height: 425px !important;
}
.modules_and_costs_webinschrijvingen > div{
	max-height: 380px !important;
}
.modules_and_costs_webinschrijvingen .allcheckbox, .modules_and_costs_webinschrijvingen .collcheckbox, 
.modules_and_costs_webinschrijvingen .details-check, .modules_and_costs_webinschrijvingen .detail-check{
	display: block !important;
	margin-right: 0 !important;
}
.modules_and_costs_webinschrijvingen .myTable .detail_row, .modules_and_costs_webinschrijvingen .myTable .detail_row > td{
	background-color: #e8e8e8 !important;
	color: #2a353b !important;
}
.modules_and_costs_webinschrijvingen{
	width: 85% !important;
}

.existingattendee-bar{
	height: auto !important;
	min-height: 90px !important;
}

.existingattendee-bar .confirm-table{
	text-align: left;
	margin-bottom: 15px;
	max-height: 100px;
    overflow: auto;
}

button::-moz-focus-inner {
	border: 0;
}
body.webregs_home .topRightMenu, body.webregs_home .footer-icon:hover, body.webregs_home .paginate_button:hover, body.webregs_home .action_button:hover, body.webregs_home .tt-suggestion:hover, body.webregs_home .action_save:hover{
    background-color: var(--courses-color, #2B6190) !important;  
	background-color: #2B6190;
	color: #fff !important;
}
body.webregs_home .coursereg-div .found-delegates, body.webregs_home .coursereg-div .found-modcosts{
    float: left;
	background-image: url(../images/action/warning.svg);
	background-repeat: no-repeat;
	background-size: 23px;
    width: 23px;
	height: 23px;
    margin-left: 9px;
}
body.webregs_home .coursereg-div .found-modcosts, body.webregs_home .coursereg-div .clear_tab{
    background-color: #fff;
    border: 0;
    margin-left: 3px;
    padding-left: 31px;
    padding-top: 3px;
	text-decoration: underline;
    font-size: 0.95em !important;
	cursor: pointer;
}
body.webregs_home .coursereg-div .clear_tab{
    width: 75px;
    margin: 4px !important;
    padding: 0 !important;
	position: absolute;
    right: calc(5% + 29px);
}
body.webregs_home .coursereg-div .found-modcosts{
	width: 330px;
}
body.webregs_home .coursereg-div .clear_tab:hover{
	text-decoration: none !important;
}

body.planboard_home .paginate_button:hover, body.planboard_home .footer-icon:hover, body.planboard_home .action_button:hover, body.planboard_home .tt-suggestion:hover, body.planboard_home .invite_button:hover, body.planboard_home .colleagues_button:hover,
body.planboard_home .action_save:hover, body.planboard_home .action_cancel:hover, body.planboard_home .search_button_account2:hover, body.planboard_home .search_button_person2:hover, body.planboard_home .footer-icon.help:hover, body.planboard_home .footer-icon.menu:hover,
body.planboard_home .move_up_div:hover span, body.planboard_home .ui-state-default.ui-state-active, body.planboard_home .topRightMenu, body.planboard_home .myTable .dataTables_empty{
    background-color: #1A8C80 !important;
    background-color: var(--planboard-color, #1A8C80) !important;
	color: #fff !important;
}

body.adm_templates_home .action_button:hover, body.adm_templates_home .footer-icon:hover, body.adm_templates_home .companytemplates .activerow, body.adm_resources_home .search_button_resources:hover, body.adm_counters_home .search_button_counters:hover,
body.adm_maillogs_home .action_button:hover, body.adm_maillogs_home .footer-icon:hover, body.adm_maillogs_home .maillogsTable > tbody > tr:not(.detail_row).maillogs_row_selected td:not(:first-child):not(:last-child), 
body.adm_maillogs_home .maillogsTable > tbody > tr:not(.detail_row):not(.noHover):hover td:not(:first-child):not(:last-child),
body.adm_resources_home .paginate_button:hover, body.adm_resources_home .footer-icon:hover, body.adm_resources_home .action_button:hover, body.adm_resources_home .tt-suggestion:hover, body.adm_resources_home .tt-suggestion:hover,
body.adm_resources_home .action_save:hover,  body.adm_resources_home .footer-icon.help:hover, body.adm_resources_home .footer-icon.menu:hover, body.adm_resources_home .action_menu input:hover, body.adm_resources_home .search_button_users:hover,
body.adm_counters_home .paginate_button:hover, body.adm_counters_home .footer-icon:hover, body.adm_counters_home .action_button:hover, body.adm_counters_home .tt-suggestion:hover, body.adm_counters_home .tt-suggestion:hover,
body.adm_counters_home .action_save:hover,  body.adm_counters_home .footer-icon.help:hover, body.adm_counters_home .footer-icon.menu:hover, body.adm_counters_home .action_menu input:hover, body.adm_counters_home .search_button_users:hover,
body.adm_ledgers_home .paginate_button:hover, body.adm_ledgers_home .footer-icon:hover, body.adm_ledgers_home .action_button:hover, body.adm_ledgers_home .tt-suggestion:hover, body.adm_ledgers_home .tt-suggestion:hover,
body.adm_ledgers_home .action_save:hover,  body.adm_ledgers_home .footer-icon.help:hover, body.adm_ledgers_home .footer-icon.menu:hover, body.adm_ledgers_home .action_menu input:hover, body.adm_ledgers_home .search_button_users:hover,
body.adm_users_home .paginate_button:hover, body.adm_users_home .footer-icon:hover, body.adm_users_home .action_button:hover, body.adm_users_home .tt-suggestion:hover, body.adm_templates_home .tt-suggestion:hover, body.adm_maillogs_home .maillogsTable td.dataTables_empty,
body.adm_users_home .action_save:hover,  body.adm_users_home .footer-icon.help:hover, body.adm_users_home .footer-icon.menu:hover, body.adm_users_home .action_menu input:hover, body.adm_users_home .search_button_users:hover, .search_button_adm_features:hover, .search_button_adm_preferences:hover, .search_button_products:hover,
body.adm_acttypes_home .action_save:hover,  body.adm_acttypes_home .footer-icon.help:hover, body.adm_acttypes_home .footer-icon.menu:hover, body.adm_acttypes_home .action_menu input:hover, body.adm_acttypes_home .paginate_button:hover, body.adm_acttypes_home .footer-icon:hover, body.adm_acttypes_home .action_button:hover, body.adm_acttypes_home .tt-suggestion:hover,
body.adm_exactparams_home .action_save:hover,  body.adm_exactparams_home .footer-icon.help:hover, body.adm_exactparams_home .footer-icon.menu:hover, body.adm_exactparams_home .action_menu input:hover, body.adm_exactparams_home .paginate_button:hover, body.adm_exactparams_home .footer-icon:hover, body.adm_exactparams_home .action_button:hover, body.adm_exactparams_home .tt-suggestion:hover,
body.adm_products_home .action_save:hover,  body.adm_products_home .footer-icon.help:hover, body.adm_products_home .footer-icon.menu:hover, body.adm_products_home .action_menu input:hover, body.adm_products_home .paginate_button:hover, body.adm_products_home .footer-icon:hover, body.adm_products_home .action_button:hover, body.adm_products_home .tt-suggestion:hover{
	background-color: #868871 !important;
	background-color: var(--admin-color, #868871) !important;
	color: #fff !important;
}

#coursedsp_search_form .twitter-typeahead, #coursedsp_search_form  .search_button_account{
    float: left;
}
.course-div #coursedsp_search_form .tt-menu, .course-div .searchAccountForm .tt-menu, .course-div .searchPersonForm .tt-menu{
	width: 140% !important;
}
.validate-menu, .delete-menu, .deletemodules-bar, .maxattendees-bar, .existingattendee-bar, .existing-activity-bar, .existing-call-bar{
	background-color: #A5173F !important;
	z-index: 888;
}
header.header, div[role=banner].header, .start {
	background-image: url("../images/header-image-home.jpg");
	z-index: 311111;
	border-top: 25px solid #4C575F !important;
	border-bottom: 25px solid #4C575F !important;
	height: calc(33% - 10px);
	border-color: #4C575F !important;
	text-align: center;
    position: absolute;
    width: 100%;
    top: 0;
    background-size: cover;
    background-position: center;
}

.login .header-overlay{
	display: none;
}

.header{
    background-size: cover;
    background-position: center;
}

.accounts_home header.container, .accounts_home div[role=banner].container{
	border-top: 25px solid #6CA237 !important;
    border-bottom: 25px solid #6CA237 !important;
	border-top: 25px solid var(--accounts-color, #6CA237) !important;
    border-bottom: 25px solid var(--accounts-color, #6CA237) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.accounts_home .topRightMenu{
    background-color: #6CA237;
    background-color: var(--accounts-color, #6CA237);
}

.persons_home header.container, .persons_home div[role=banner].container{
	border-top: 25px solid #2C9BCE !important;
    border-bottom: 25px solid #2C9BCE !important;
	border-top: 25px solid var(--persons-color, #2C9BCE) !important;
    border-bottom: 25px solid var(--persons-color, #2C9BCE) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.persons_home .topRightMenu{
	background-color: #2C9BCE;
	background-color: var(--persons-color, #2C9BCE);
}
.left-pad{
	padding-left: 2px;
	text-decoration: underline;
    float: left;
    width: 100%;
    margin-bottom: 16px;
}
.filter-select tbody:before {
    line-height: 1em;
    content: "_";
    color: white;
    display: block;
}
.table-diff{
	display: none;
}

.contactbody tr:nth-child(even){
    background: #cce6f7;
}

#select_operation{
	margin-bottom: 25px !important;
	width: 250px;
	float: left;
}
.dedouble{
    margin-top: 15px;
}
.dedouble .myTable{
    margin-bottom: 15px;
}
.dedouble .action_button{
    margin-right: 15px;
    float: left;
}
.accounts_home .dedouble .myTable tr.-uocc-cur-{
	background-color: #6CA237 !important;
	background-color: var(--accounts-color, #6CA237) !important;
    color: #fff;
}
.persons_home .dedouble .myTable tr.-uocc-cur-{
	background-color: #2C9BCE !important;
	background-color: var(--persons-color, #2C9BCE) !important;
    color: #fff;
}
.webregs_home .dedouble .myTable tr.-uocc-cur-, .webregs_home .dedouble .myTable tr.-uocc-cur-{
	background-color: #2B6190 !important;
	background-color: var(--courses-color, #2B6190) !important;
    color: #fff;
}
.filters-checkbox.ftr{
    margin-top: 9px;
}
.activities_home header.container, .activities_home div[role=banner].container{
	border-top: 25px solid #718492 !important;
    border-bottom: 25px solid #718492 !important;	
	border-top: 25px solid var(--activities-color, #718492) !important;
    border-bottom: 25px solid var(--activities-color, #718492) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.activities_home .topRightMenu{
	background-color: #718492;
    background-color: var(--activities-color, #718492);
}
.calls_home header.container, .calls_home div[role=banner].container{
	border-top: 25px solid #11905A !important;
    border-bottom: 25px solid #11905A !important;	
	border-top: 25px solid var(--calls-color, #11905A) !important;
    border-bottom: 25px solid var(--calls-color, #11905A) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.calls_home .topRightMenu{
	background-color: #11905A;
    background-color: var(--calls-color, #11905A);
}
.default_courses_home header.container, .courses_home header.container, .course_attendees_home header.container, .coaches_home header.container, .resources_home header.container, .agenda_home header.container, .webregs_home header.container,
.default_courses_home div[role=banner].container, .courses_home div[role=banner].container, .course_attendees_home div[role=banner].container, .coaches_home div[role=banner].container, .resources_home div[role=banner].container, .agenda_home div[role=banner].container, .webregs_home div[role=banner].container{
	border-top: 25px solid #2B6190 !important;
    border-bottom: 25px solid #2B6190 !important;	
	border-top: 25px solid var(--courses-color, #2B6190) !important;
    border-bottom: 25px solid var(--courses-color, #2B6190) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.default_courses_home .topRightMenu, .courses_home .topRightMenu, .course_attendees_home .topRightMenu, .coaches_home .topRightMenu, .agenda_home .topRightMenu, .resources_home .topRightMenu{
	background-color: #2B6190;
    background-color: var(--courses-color, #2B6190);
}
.planboard_home header.container, .planboard_home div[role=banner].container{
	border-top: 25px solid #1A8C80 !important;
    border-bottom: 25px solid #1A8C80 !important;	
	border-top: 25px solid var(--planboard-color, #1A8C80) !important;
    border-bottom: 25px solid var(--planboard-color, #1A8C80) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.reports_home header.container, .reports_home div[role=banner].container{
	border-top: 25px solid #566496 !important;
    border-bottom: 25px solid #566496 !important;	
	border-top: 25px solid var(--reports-color, #566496) !important;
    border-bottom: 25px solid var(--reports-color, #566496) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.reports_home .topRightMenu{
	background-color: #566496;
    background-color: var(--reports-color, #566496);
}
.inbox_home header.container, .inbox_home div[role=banner].container{
	border-top: 25px solid #D49F00 !important;
    border-bottom: 25px solid #D49F00 !important;
	border-top: 25px solid var(--inbox-color, #D49F00) !important;
    border-bottom: 25px solid var(--inbox-color, #D49F00) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.inbox_home .topRightMenu{
	background-color: #D49F00;
	background-color: var(--inbox-color, #D49F00);
}
.documents_home header.container, .documents_home div[role=banner].container{
	border-top: 25px solid #AD2551 !important;
    border-bottom: 25px solid #AD2551 !important;
	border-top: 25px solid var(--documents-color, #AD2551) !important;
    border-bottom: 25px solid var(--documents-color, #AD2551) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.documents_home .topRightMenu{
	background-color: #AD2551;
	background-color: var(--documents-color, #AD2551);
}
.opportunities_home header.container, .opportunities_home div[role=banner].container{
	border-top: 25px solid #7C4F88 !important;
    border-bottom: 25px solid #7C4F88 !important;
	border-top: 25px solid var(--opportunities-color, #7C4F88) !important;
    border-bottom: 25px solid var(--opportunities-color, #7C4F88) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.opportunities_home .topRightMenu{
	background-color: #7C4F88;
	background-color: var(--opportunities-color, #7C4F88);
}
.orders_home header.container, .orders_home div[role=banner].container{
	border-top: 25px solid #1d5c6d !important;
    border-bottom: 25px solid #1d5c6d !important;
	border-top: 25px solid var(--orders-color, #1d5c6d) !important;
    border-bottom: 25px solid var(--orders-color, #1d5c6d) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.orders_home .topRightMenu, .orders_home .header-overlay{   
	background-color: #1d5c6d;
	background-color: var(--orders-color, #1d5c6d);
}
.quotations_home header.container, .quotations_home div[role=banner].container{
	border-top: 25px solid #537052 !important;
    border-bottom: 25px solid #537052 !important;
	border-top: 25px solid var(--quotations-color, #537052) !important;
    border-bottom: 25px solid var(--quotations-color, #537052) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.quotations_home .topRightMenu, .quotations_home .header-overlay{   
	background-color: #537052;
	background-color: var(--quotations-color, #537052);
}
.search-by-indirecthour{
	width: 460px;
}
.timewriting_home header.container, .timewriting_home div[role=banner].container, .approvehours_home header.container, .approvehours_home div[role=banner].container,
.invoicehours_home header.container, .invoicehours_home div[role=banner].container{
	border-top: 25px solid #FF5722 !important;
    border-bottom: 25px solid #FF5722 !important;
	border-top: 25px solid var(--timewriting-color, #FF5722) !important;
    border-bottom: 25px solid var(--timewriting-color, #FF5722) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.timewriting_home .topRightMenu, .approvehours_home .topRightMenu, .invoicehours_home .topRightMenu{
	background-color: #FF5722;
    background-color: var(--timewriting-color, #FF5722);
}
.settings_home header.container, .settings_home div[role=banner].container{
	border-top: 25px solid #BD3333 !important;
    border-bottom: 25px solid #BD3333 !important;
	border-top: 25px solid var(--settings-color, #BD3333) !important;
    border-bottom: 25px solid var(--settings-color, #BD3333) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.settings_home .topRightMenu{
	background-color: #BD3333;
    background-color: var(--settings-color, #BD3333);
}
.alerts_home header.container, .alerts_home div[role=banner].container{
	border-top: 25px solid #367125 !important;
    border-bottom: 25px solid #367125 !important;
	border-top: 25px solid var(--alerts-color, #367125) !important;
    border-bottom: 25px solid var(--alerts-color, #367125) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.alerts_home .topRightMenu{
	background-color: #367125;
    background-color: var(--alerts-color, #367125);
}
.dashboards_home header.container, .dashboards_home div[role=banner].container{
	border-top: 25px solid #01738a !important;
    border-bottom: 25px solid #01738a !important;
	border-top: 25px solid var(--dashboards-color, #01738a) !important;
    border-bottom: 25px solid var(--dashboards-color, #01738a) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.dashboards_home .topRightMenu{
	background-color: #01738a;
    background-color: var(--dashboards-color, #01738a);
}

.dashboards_home .barchart_button, .dashboards_home .refreshchart_button{
    background-image: url(../images/action/barchart_dark.svg);
    background-size: 27px;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    float: right !important;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 19px;
    border: 0;
    width: 33px !important;
    height: 33px;
    background-position: center 2px;
    margin-top: 9px;
}
.dashboards_home .refreshchart_button{
	float: left !important;
	background-image: url(../images/action/refresh.svg) !important;
	background-color: transparent !important;
	width: 43px !important;
    height: 43px;
	background-size: 24px;
    margin-top: 12px;
	margin-right: 0 !important;
}

#graphfilter-field-typeahead, #graphfilter-field-typeahead .twitter-typeahead, #graphfilter-field-typeahead .typeahead, #graphfilter-field-typeahead .tt-menu{
	width: 200px !important;
	float: left;
}
#graphfilter-validated .onoffswitch{
	float: left;
}
.alertsbarfilter .twitter-typeahead, .alertsbarfilter .typeahead:not(.searchFieldOrder), .alertsbarfilter .tt-menu{
	width: 250px !important;
	float: left;
}
.filterqueries{
	float: left;
	width: 100%;
}
.filtertable{
    width: 100%;
	margin-bottom: 10px;
}
.filtertable td strong{
	margin-top: 10px;
	float: left;
} 
.filtertable-holder{
	float: right;
    width: 300px;
	margin-right: 10px;
}
.filtertable-holder .action_button{
    float: right;
    margin-right: 3px;
}
.graph-filterbtns{
    float: left;
    margin-left: 8px;
    margin-top: -9px;
}
.graph-filterbtns input{
	float: left;
	margin-right: 5px;
}
.dash-content .till{
	float: left;
    width: 94px;
    margin-left: 10px;
    margin-top: 7px;
}
.dash-content .toolbar strong.filter-title{
	margin-top: 10px;
    float: left;
}
.dash-content .wrapper:not(.lowgraph){
	display: none;
	margin-top: 20px;
}
.alertsbarfilter{
	float: right;
    width: calc(100% - 90px);
    margin-top: 9px;
}
.alertsbarfilter .tt-menu{
	max-height: 200px;
}
.field-div .myTable .form-control, .entity-field-div .myTable .form-control{
	margin: 5px 0 5px 0px !important;
}
.field-div{
	margin-bottom: 10px !important;
}
.field-div .add_button ,.entity-options .add_button{
	float: right;
}
.entity-options .add_button{
	margin-right: 30px;
}
.field-div .contactDetails, .entity-field-div .depDetails{
    width: 500px !important;
}
.columns.two-third.table_content.entity-field-div {
	width: 70% !important;
}
.entity-field-div .entity-options {
	float: left;
    margin-left: 10px;
    width: 100%;
}
.entity-field-div h3 input{
	border: 0;
	background-color: transparent;
	font-size: 0.85em !important;
	text-decoration: underline;
	font-weight: bold;
	color: #868871;
    color: var(--admin-color, #868871);
	cursor: pointer;
	padding: 0;
}
.entity-field-div h3 input:hover{
	text-decoration: none !important;
}
.save-entity-bottom {
	float: left;
    width: 100%;
    margin-left: 3%;
}
.adm_products_home header.container, .adm_templates_home header.container, .adm_maillogs_home header.container, .adm_users_home header.container, .adm_acttypes_home header.container, .adm_exactparams_home header.container, .adm_mailboxes_home header.container, .adm_resources_home header.container, .adm_counters_home header.container, .adm_ledgers_home header.container,
.adm_products_home div[role=banner].container, .adm_templates_home div[role=banner].container, .adm_maillogs_home div[role=banner].container, .adm_users_home div[role=banner].container, .adm_acttypes_home div[role=banner].container, .adm_mailboxes_home div[role=banner].container, 
.adm_resources_home div[role=banner].container, .adm_exactparams_home div[role=banner].container, .adm_counters_home div[role=banner].container, .adm_ledgers_home div[role=banner].container{
	border-top: 25px solid #868871 !important;
    border-bottom: 25px solid #868871 !important;	
	border-top: 25px solid var(--admin-color, #868871) !important;
    border-bottom: 25px solid var(--admin-color, #868871) !important;
	z-index: 32771;
    height: calc(15% - 10px);
	padding: 0px;
	margin: 0px;
}
.adm_products_home .topRightMenu, .adm_templates_home .topRightMenu, .adm_maillogs_home .topRightMenu, .adm_users_home .topRightMenu, .adm_resources_home .topRightMenu, .adm_counters_home .topRightMenu, .adm_ledgers_home .topRightMenu, .adm_acttypes_home .topRightMenu, .adm_exactparams_home .topRightMenu, .adm_mailboxes_home .topRightMenu, .adm_templates_home .add-productprice input:hover{
    background-color: #868871;
    background-color: var(--admin-color, #868871);
}
.adm_templates_home #template-div {
    margin-top: 20px;
    padding-top: 68px;
}
.adm_templates_home #template-div + .buttons-placeholder {
    width: 100%;
    margin-top: 17px;
}
.product-div .language-options table tbody td{
	vertical-align: top !important;
}
@media screen and (max-width: 1190px) {
	.adm_templates_home #template-div {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 610px) {
	.adm_templates_home #template-div {
		padding-bottom: 80px;
	}
}
@media screen and (max-width: 430px) {
	.adm_templates_home #template-div {
		padding-bottom: 120px;
	}
}

body.login .headers, body.login .dragDropIcon, body.login .topRightMenu{
	display: none !important;
}
body:not(.login):not(.start) .header-title, body:not(.login):not(.start) .headers, body:not(.login):not(.start):not(.homepage) .dragDropIcon, body:not(.login):not(.start):not(.homepage) .topRightMenu{
	display: block;
}
.acc-text{
	color: red;
	font-size: 5em;
	font-family: 'Calibri', Fallback, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
	text-shadow: 0 0 3px #ffffff, 0 0 3px #fff;
	position: absolute;
    top: 54%;
    margin-top: -47px;
	width: 100%;
	overflow: hidden;
	background-color: #ffffffa1;
	height: 88px;
	word-break: break-all;
}
.version_label{
    bottom: -24px;
    height: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
	color: #d6d21b;
    line-height: 20px;
	font-size: 1.05em;
}
.version-label {
    margin: -95px auto;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 8px;
}
.version-label label, .gold {
	color: #d6d21b;
}
.amyyon-logo {
    width: 183px;
    height: 55.31px;
}
.footer-home {
	margin: 0 auto;
}
.dmma22_table, .dmma16_table{
	width: 100%;
	border-collapse: collapse;
	float: left;
	padding: 0;
}
.dmma16_table .form-control{
	margin-left: -4px !important;
	width: calc(100% + 3px) !important;
}
.dmma16_table .-uocc-empty-, .dmma16_table td{
	display: block !important;
}
.small_typeahead{
	width: 75%;
	margin: 0px 2% 5px 0px !important;
}
.margeor01_dmisor01 .form-control.marge, .margeor01_dmisor01 .margepro, .margeor01_dmisor01 .margepro span, .margeor04_dmisor04 .form-control.marge, .margeor04_dmisor04 .margepro, .margeor04_dmisor04 .margepro span,
.margef03_dmisor03 .form-control.marge, .margef03_dmisor03 .margepro, .margef03_dmisor03 .margepro span{
	float: left;
}
.margeor01_dmisor01 .form-control.marge, .margef03_dmisor03 .form-control.marge, .margeor04_dmisor04 .form-control.marge{
	width: 34% !important;
}
.margeor01_dmisor01 .margepro, .margef03_dmisor03 .margepro, .margeor04_dmisor04 .margepro{
	width: calc(60% + 3px) !important;
    margin-left: 10px;
}
.margeor01_dmisor01 .margepro label, .margef03_dmisor03 .margepro label, .margeor04_dmisor04 .margepro label{
    font-weight: bold;
    float: left;
    width: 88px;
	margin-top: 9px;
}

.margeor01_dmisor01 .margepro span, .margef03_dmisor03 .margepro span, .margeor04_dmisor04 .margepro span{
	float: right;
    width: 80px !important;
}
.rowid_width{
	width: calc(100% - 85px) !important;
}
.quotationLinesTable .artikelf06, .orderLinesTable .artikelor02{
	width: 250px !important;
}
header[role=banner] .link-to-home, div[role=banner] .link-to-home {
	display: none;
}
header[role=banner] .breadcrumb, div[role=banner] .breadcrumb {
	position: absolute;
	left: 0px;
	font-size: 10px;
	color: #fff;
}
header[role=banner] .breadcrumb .crumbs, div[role=banner] .breadcrumb .crumbs {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}
header[role=banner] .breadcrumb .crumbs li, div[role=banner] .breadcrumb .crumbs li {
	display: inline-block;
}
header[role=banner] .breadcrumb .crumbs li:after, div[role=banner] .breadcrumb .crumbs li:after {
	display: inline-block;
	content: ">";
	margin: 0 10px;
}
header[role=banner] .breadcrumb .crumbs li:last-child:after, div[role=banner] .breadcrumb .crumbs li:last-child:after {
	display: none;
}

#navigation a.dash-icons {
	display: inline-block;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color: green;
	margin: 8px 5px 0 5px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
}

#navigation.dashboard.index {
	margin: 55px auto;
	max-width: 810px;
	height: 135px;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
    justify-content: center;
}
#navigation.dashboard.side {
    display: inline-block !important;
}

.slideout-menu #navigation.dashboard {
	height: 100%;
    box-sizing: content-box; /* So the width will be 100% + 17px */
    margin-left: 3px;
	margin-top: 0px !important;
}

.slideout-menu #navigation.dashboard input.dash-icons {
    width: 90px !important;
    height: 90px !important;
	background-position: center 12px !important;
    background-size: 45px !important;
	font-size: 11px !important;
	padding: 57px 0 0 0 !important;
	font-weight: bold !important;
	margin: 5px 5px 0px 2px !important;
}
.slideout-menu #navigation.dashboard input.dash-icons.courses {
	background-position: center 6px !important;
    background-size: 53px !important;
}

.slideout-menu #navigation input.settings{
    margin-bottom: 50px !important;
}

.block_container{
	width: 100%;
}

.block a{
	color: #2a353b;
}
.block_header{
	margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 1.05em;	
	width: 265px;
	float: left;
	text-decoration: none;
    height: 17px;
}
.content-holder{
	float: left;
	width: 100%;
}

.grid-stack > div > .grid-stack-item > .grid-stack-item-content, .grid-stack > .grid-stack-item > .grid-stack-item-content{
	padding: 15px 10px 0px 10px !important;
	min-height: 34px;
	box-shadow: 0 0 9px rgba(0,0,0,0.25);
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(#f7f7f7,#f2f2f2);
    background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: linear-gradient(to bottom,#f7f7f7,#f2f2f2);
    border-radius: 9px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.33) inset;
	min-height: 206px;
}
.top {
	z-index: 100 !important; 
	position: relative
}
.bottom {
	z-index: 10 !important; 
	position: relative
}
.block-container {
    position: relative;
	width: 100%;
}
.dataTables_filter label input{
    border: 1px solid #ccc;
    border-radius: 23px;
    padding: 6px 10px;
    margin-left: 5px;
}

.details_container .dataTables_filter{
    top: 7px;
    right: 91px;
    position: absolute;
	display: none;
}
#block_activities .dataTables_filter, #block_relactivities .dataTables_filter, #block_calls .dataTables_filter, #block_courses .dataTables_filter, #block_course_attendees .dataTables_filter, #block_orders .dataTables_filter, #block_quotations .dataTables_filter, #block_hsquotations .dataTables_filter{
	position: relative !important;
	float: right;
    margin-right: -75px;
    margin-top: -16px;
	display: none;
}
table.DTCR_clonedTable.dataTable{
    position: absolute !important;
    width: 200px !important;
    background-color: #e8e8e8 !important;
    z-index: 202
}
div.DTCR_pointer{
    width: 1px;
    background-color: #111;
    z-index: 201;
}

.myTable th{
	outline:0;
}

.details_container .dataTables_wrapper{
	margin-bottom: 42px;
}

.details_container .block-tfoot{
    width: 100%;
	bottom: 0;
}

.show_more_icon{
    bottom: 4px;
    right: 16px;
    position: absolute;	
}

#block_activities .show_more_icon, #block_relactivities .show_more_icon, #block_calls .show_more_icon, #block_courses .show_more_icon, #block_course_attendees .show_more_icon, #block_orders .show_more_icon, #block_quotations .show_more_icon, #block_hsquotations .show_more_icon{
	right: 0 !important;
}

.show_all_icon{
    bottom: 4px;
    position: absolute;
	cursor: pointer;
	width: 125px;
	border: 0;
	background-color: transparent;
	height: 28px;
	color: #2a353b;
	text-decoration: underline;
	text-align: left;
}

.show_all_icon, .show_more{
    bottom: 4px;
    position: absolute;
	cursor: pointer;
	width: 125px;
	border: 0;
	background-color: transparent;
	height: 28px;
	color: #2a353b;
	text-decoration: underline;
	text-align: left;
}
.show_more{
	bottom: 4px;
	width: 90px;
    display: flex;
    right: 0;
	border: 0;
	background-color: transparent;
	height: 28px;
	color: #2a353b;
	text-decoration: underline;
}
.show_all_icon:hover, .show_more:hover{
	text-decoration: none;
}

.block-container .ss-placeholder-child {
    border: 1px dashed #6CA237;
    border: 1px dashed var(--accounts-color, #6CA237);
	background: #fff !important;
}

.details-row{
	vertical-align: top;
}
.block-tfoot .show_more_icon{
	display: none !important;
}
.block .show_more_icon, .block .show_less_icon{
	position: absolute;
    width: 31px;
    height: 31px;
    cursor: pointer;
    border: 0px;
	bottom: 20px;
    right: -4px;
}
#registration-form-templates .block{
    display: none;
}
#registration-form-users .block{
    display: none;
}
.show_more_icon, .show_less_icon{
    border: 0px;
    width: 30px;
    height: 30px;
}

.show_less_icon_top{
	display: none;
    right: 46px;
    top: 8px;
    position: absolute;
}
.loggedin{
	z-index: 999999;
    color: white;
    display: block;
    position: absolute;
    left: 3%;
    top: 4px;
}
#block_activities .show_less_icon_top, #block_relactivities .show_less_icon_top, #block_calls .show_less_icon_top, #block_courses .show_less_icon_top, #block_course_attendees .show_less_icon_top, #block_orders .show_less_icon_top,
#block_quotations .show_less_icon_top, #block_hsquotations .show_less_icon_top{
	display: none;
    margin-left: 14px;
    margin-top: -17px;
    float: right;
	position: relative !important;
	position: relative !important;
    right: 12px !important;
}

.details-image-width{
	width: 27px;
	cursor: default;
}

.grid-stack-item-content .dataTable{
    border-collapse: collapse;
    width: 100%;
}
.flexer{
	display: flex !important;
}
.upload-image{
	margin-left: -134px;
    margin-right: 90px;
}
.grid-stack-item-content table tbody tr:not(.detail_row) td{
	padding-top: 6px;
	padding-bottom: 6px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	max-width: 0;
}
.dataTables_wrapper .dataTables_paginate{
	float: right;
	text-align: right;
	padding-top: 10px;
}
/*
#block_activities, #block_relactivities, #block_calls, #block_courses, #block_course_attendees, #block_opportunities, #block_orders, #block_quotations, #block_hsquotations, #block_documents, #block_course_grades, #block_future_addresses{
	margin-top: 15px;
    width: 99%;
    margin-left: 0.5%;
    float: left;
}
*/
#block_future_addresses{
	width: 97% !important;
	margin-bottom: 10px;
}
#block_documents .grid-stack-item-content table tbody tr td:first-child, #block_act_documents .grid-stack-item-content table tbody tr td:first-child, #block_call_documents .grid-stack-item-content table tbody tr td:first-child,
#block_addresses .grid-stack-item-content table tbody tr td:first-child, #block_future_addresses .grid-stack-item-content table tbody tr td:first-child, #block_persons .grid-stack-item-content table tbody tr td:first-child, #block_opp_documents .grid-stack-item-content table tbody tr td:first-child{
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}
.more_ids{
    float: right !important;
    right: 1% !important;
    position: fixed !important;
    margin-top: 272px !important;
    width: 64px !important;
}
.show_more_icon, .show_less_icon, .show_less_icon_top{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	cursor: pointer;
	border: 0;
    width: 30px;
    height: 30px;	
}
.show_eventinfo_icon{
	width: 35px;
	height: 32px;
	float: left;
	background-size: 21px !important;
	cursor: pointer;
}
.show_eventinfo_icon.halfrotate{
	background-position: right 10px top 7px !important;
}
.show_more_icon, .show_eventinfo_icon{
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 2px top 7px;
    background-size: 18px;
}
.show_less_icon, .show_less_icon_top{
    background-image: url(../images/action/arrow-up.svg) !important;
    background-repeat: no-repeat;
    background-position: right 2px top 7px;
    background-size: 18px;
}

.add_block, .add_email_block, .list_block{
	background-color: #2a353b;
    background-image: url("../images/action/add.svg");
	background-position: center center;
	background-size: 14px;
	background-repeat: no-repeat;
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: 0px;
	display: inline-block;
	float: right;
    right: 0;
	padding: 0;
	margin-top: -6px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.form-control.typeahead.imag{
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-size: 18px;
}

.list_block{
	background-image: url("../images/action/hamburger.svg") !important;
	background-size: 18px 19px;
    background-position: 3px center !important;
	margin-right: 40px;
	background-repeat: no-repeat;
}

.hidden_input{
	display: none !important;
}

.h2addresses, .h2contacts, .adresses, .contacts{
	background: #e6e6ff !important;
	padding: 0px !important;
	font-size: 15px !important;
    font-weight: bold !important;
	text-transform: none !important;
    color: #2a353b !important;
	width: 100%;
}
.adresses:hover, .contacts:hover{
	text-decoration: none;
	cursor: default;
}

.addressRow, .personRow{
    margin-top: 5px;
}

.details_heading{
    margin-top: 15px;
}

.home main, .homepage main{
	top: 33%;
    position: absolute;
    margin: 30px auto;
    left: 0;
    width: 100%;
}

#content, .showContent{
    width: 100%;
}
section.maildata{
    margin-top: 15px !important;
}
.showContent{
    top: calc(15% + 40px) !important;
    margin: 0 auto 70px !important;
}

main section.columns {
	position: relative;
	display: block;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
}
main section.columns.one-quarter {
	width: 25%;
}
main section.columns.three-quarters {
	width: 75%;
}
main section.columns.one-third {
	width: 50%;
}
main section.columns.two-third {
	width: 94%;
}

main section.columns.full {
	width: 100%;
}
main section.columns .row {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
main section.columns .row.odd {
	background-color: #f9f9fa;
}
main section.columns .row.even {
	background-color: #fff;
}
main section.columns .table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
main section.columns .table thead th {
	text-align: left;
}
main section.columns .table thead th h2 {
	margin: 0;
}
main section.columns .table td, main section.columns .table th {
	padding: 10px;
	border-right: 1px solid #d4d9dd;
	vertical-align: top;
}
main section.columns .table td:last-child, main section.columns .table th:last-child {
	border: 0;
}
main section.columns .table tbody tr:nth-child(odd){background-color:#f9f9fa}
main section.columns .table tbody tr:nth-child(even){background-color:#fff}
main section.columns img.profile {
	float: left;
	margin-right: 10px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.att-div .dataTables_filter, .docs-div .dataTables_filter{
	display: none;
}
.modal {
	position: absolute;
	top: 15px;
	right: 15px;
	left: 15px;
	background-color: rgba(255,255,255,.95);
	z-index: 200;
	border: 1px solid #2a353b;
}
.modal header {
	background-color: #f9f9fa;
	padding: 10px 15px;
}
.modal header h1 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.modal header h1 small {
	font-weight: 400;
}
.modal .entry {
	padding: 10px 15px;
}

.email_form, .email_editor{
	float: left;
    width: 100%;
	margin-top: 5px;
}
.email_editor .settask-dsp-container{
	float: left !important;
    width: 100% !important;
}
.email_editor .settask-container .taskDetails {
    margin-top: 15px !important;
}
.email_editor .settask-dsp-container #task-selection-typeahead .tt-menu{
	max-width: 400px !important;
}
.move_up_div{
	margin-left: auto;
    margin-right: auto;
	width: 40px;
	cursor: pointer;
}
.move_up{
    float: left;
	background-image: url("../images/action/collapse-email.svg");
	background-repeat: no-repeat;
    background-size: 21px;
	background-color: #2a353b;
	background-position: center 9px;
    border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-top: -30px;
}

#footer{
	width: 50%;
    margin: 0 auto;
}

#footer .visible{
	display: none;
}
#footer #footer-left {
	float: left;
	padding-left: 20px;
}
#footer #footer-right {
	float: right;
	padding-right: 20px;
	text-align: right;
}

.footer-home {
	width: 100%;
	text-align: center;
	margin: 15px auto;
    margin-bottom: 0px;
}
.sidemenu-logo {
	position: absolute;
	width: 100%;
	text-align: center;
    bottom: 25px;
	right: 0px;
}
.footer_block{
    color: #fff;
    float: left;
    text-align: center;
    width: 25%;
}

#footer .container{
	margin: 0 auto;
    width: 350px;
}

.footer_block div{
	margin: 0px;
	font-size: 0.9em;
	cursor: default;
}

.cke_dialog_background_cover{
	background-color: #000000 !important;
}
.cke_path{
	display: none;
}
.breadcrumbs{
	height: 20px;
	margin-top: 4px;
	float: left;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
.breadcrumbs a{
	color: #fff !important;
	text-decoration: none;
}
.breadcrumbs a:hover{
	text-decoration: underline;
}
.active_crumb, .crumb, .custom-cursor{
	cursor: default !important;
}
.headers .breadcrumbs div:active{
	margin-top: 1px;
}
#breadcrumbList{
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

#breadcrumbList li input{
	border: 0px;
    color: white;
    background: transparent;
    cursor: pointer;
}

#content-home label {
	font-size: 0.95em;
    display: inline-block;
    width: 85px;
    color: #fff;
    height: 30px;
    margin-top: 15px;
    text-align: left;
}

header[role=banner] h1, div[role=banner] h1 {
	font-family: 'Calibri', Fallback, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 2.5em;
	margin-top: 76px;
	z-index: 66666;
}
header[role=banner] .searchicon, div[role=banner] .searchicon {
    background-image: url(../images/action/arrow-up.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px;
	padding: 7px 15px 7px 5px;
}
header[role=banner] .topRightMenu, div[role=banner] .topRightMenu{
	background-image: url('../images/action/hamburger.svg');
	background-repeat: no-repeat;
    background-position: 11px center;
	background-size: 27px;
	width: 48px;
	height: 50px;
	float: right;
	margin-top: 76px;
	border-radius: 75% 0 0 75%;
    -webkit-border-radius: 75% 0 0 75%;
    -moz-border-radius: 75% 0 0 75%;
	cursor: pointer;
	z-index: 666666;
}

.dragDropIcon{
    width: 100px;
    height: 100px;
    float: right;
	border-radius: 63px;
    -webkit-border-radius: 63px;
    -moz-border-radius: 63px;
	border: 2px dashed white;
	background-size: 55px 55px !important;
	transition: all .2s ease-in-out;
    display: block;
    margin-left: 3%;
    margin-top: -52px !important;
    position: absolute;
    right: 80px;
    top: 50%;
	z-index: 100000;
}

.drag_file{
	transform: scale(1.1);
}

.dragDropIcon:hover{
	transform: scale(1.1);
	cursor: pointer;
}

header[role=banner] .position-crumbs, div[role=banner] .position-crumbs{
	float:left;
}
header[role=banner] .posi, div[role=banner] .posi{
    position: fixed;
    margin-top: 0;
    top: 0;
	padding-top: 14px;
	height: 52px;
}
header[role=banner] .positionOptions, div[role=banner] .positionOptions{
    position: fixed;
    margin-top: 2px;
    top: 0;
	height: 35px;
}
header[role=banner] .positionFavorites, div[role=banner] .positionFavorites{
	position:fixed;
    margin-top: 10px !important;
	right: 15px !important;
    top: 0;
	height: 35px;
}
header[role=banner] .positionSearch, div[role=banner] .positionSearch{
   display:inline-block;
}
header[role=banner] .options, div[role=banner] .options  {
	background-image: url('../images/action/hamburger.svg');
	border-radius: 75% 0 0 75%;
    -webkit-border-radius: 75% 0 0 75%;
    -moz-border-radius: 75% 0 0 75%;
	width: 38px;
	height: 38px;
	float: right;
	z-index: 1000;
}

.combobox-container{
	width: 200px;
}
.input-group-addon, .input-group-btn {
	width: 36px;
	height: 25px;
	background-color: white;
	z-index: 99999;
}

.searchbox .search:focus {
	outline: 0 !important;
}

.searchOrg, .searchPers, .searchAct, .searchCall, .searchDocument, .searchOpportunity, .searchOrder, .searchQuotation, .searchCourse, .searchResource, .searchCounters, .searchAttendee, .searchDefaultCourse, .searchTemplate, .searchUser, .searchProduct, .searchAdmFeature, .searchAlert, .searchAdmPreference, .searchWebreg, .searchMergeItem, .searchEnts, .searchResources, .searchMutations{
	font-weight: normal;
    width: 266px;
    padding: 5px 10px 5px 40px;
    font-size: 0.95em;
	margin-bottom: 5px;
	height: 32px;
    color: #111;
    background: #fff url('../images/action/search.svg') no-repeat right center;
	background-position: 10px 4px;
	background-size: 22px 22px;
    border: 1px solid #ccc;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	box-sizing: border-box;
	-webkit-appearance: textfield !important;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	float: left;
    margin-top: 6px;
}

.mergeInfo {
	float: left;
	width: 100%;
}
.mergeInfo .first{
	padding: 8px 0 8px 0;
	margin-left: 8px;
}

.cke_panel, .cke_dialog{
	z-index: 99999999999999 !important;
}

.no-shadow:focus{
	box-shadow: 0 0 0px #fff !important;
}

.showOnSmallest{
	display: none;
}

th.sorting:hover, th.sorting_asc:hover, th.sorting_desc:hover{
	text-decoration: underline;
}

#slider a.dash-icons, #slider input.dash-icons,#menuManager .dash-icons {
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	margin: 10px 5px 0 5px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	box-sizing: border-box;
	text-transform: uppercase;
	width: 86px;
	height: 86px;
	padding: 65px 0 0 0;
	font-size: 13px;
	cursor: pointer;
	border:0px;
}

#menuManager .dash-icons{
	border: 0px;
}

.filter-label{
	padding-top: 32px;
	color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.filter-label label{
	cursor: pointer !important;
}
#navigation.sidebar {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: -250px;
	width: 250px;
	z-index: 200;
	background-color: #2a353b;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.menuTitle{
	margin-top: 70px !important;
}
.input-group-addon {
	border-radius: 45px;
	-webkit-border-radius: 45px; 
	-moz-border-radius: 45px; 
}

.overlay{
	opacity:0.2;
	width:100%;
	height:100%;
	-moz-opacity: 1.0 !important; 
	-webkit-opacity: 1.0!important; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; 
	filter: alpha(opacity=100) !important; 
	opacity: 1.0 !important;
}

#header-wrap {
	top: 0;
    position: absolute;
	width: 100%;
}
#header-2{
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	width:100%
}

.login main{
	top: 33%;
    position: absolute;
    margin: 148px auto;
    width: 310px;
    left: 0;
    right: 0;
    margin-bottom: 0px;
    min-height: calc(67% - 148px);
}

.dash-icons:hover, input[type=date]:not([readonly]):hover{
	cursor: pointer;
}

.caret{
	margin-top: 5px;
	margin-left: 0;
	cursor: pointer;
}

.input-group-addon{
	display: inline-block;
	border-width: 0;
}

.search {
    background-image: url(../images/action/arrow-up.svg);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center center;
    background-attachment: fixed;
	width: 38px;
	height: 38px;
	position: fixed;
	z-index: 2000;
	margin-bottom: 300px;
	margin-left: 90%;
}

.linkText{
	margin-left: 5px;
	color: #2a353b;
	list-style-type: disc;
}
.linkText:hover{
	color: #2a353b;
}

.formText{
	text-align:left;
}
.linkSubText{
	padding-left:5px;
}
.collapser{
	float:left;
	list-style:none;
}
.moreButton{
	list-style-type: none;
	cursor: pointer;
}

a{
	color: white;
	text-decoration: none;
	font-size: 0.9em;
}

.sub-nav, .sub-nav2, .sub-nav3, .sub-nav4, .sub-nav5, .sub-nav6, .sub-nav7, .sub-nav8, .sub-nav9{
 	display:block;
}

.blackLink{
	color:black;
}
.whiteLink{
	color:white;
}
.headCrumb{
	margin-left:2px;
	margin-right:2px;
}
.headerLeftSide{
	position:relative; 
	margin-left:5px;
	margin-bottom: 5px;
	margin-top:0px;
	float:left;	
}

main section.columns.one-quarter {
	width:200px;
	margin-right:25px;
	margin-bottom:30px;
	margin-top:15px;
	padding: 10px 0 0 8px;	
}

.history-dsp {
	margin-bottom: -50px;
	float: left;
	width: 100%;
	margin-top: -14px;
}

.history-dsp .showContent{
	position: relative !important;
	top: -60px !important;
}

.history-dsp .mutations-fields-page, .history-dsp .columns.two-third{
	margin-bottom: 0 !important;
}

.slideout-menu, .slideout-help, .favorites_menu {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 1000000;
	right: -120px;
	width: 100px;
	overflow: hidden;
    margin-bottom: 70px;
    margin-top: 0px;
	background-color: #2a353b;
	text-align: center;
}
.slideout-menu{
	overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-right: -17px;
    padding-right: 17px;
}
body.home.homepage .favorites_menu {
	margin-bottom: 0 !important;
}
.slideout-menu, .logout_btn_div, .usertasks_btn_div{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.slideout-help, .favorites_menu {
	right: -60%;
	width: 50%;
    padding: 0px 15px 15px 15px;
    text-align: left !important;
    background-color: #fff !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	box-shadow: -2px 0px 9px 0px #666;
}
.favorites_menu{
	top: 25px !important;
	border-top: 0 !important;
	
}
.favorites_menu h2{
    font-family: 'Calibri', Fallback, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2em;
	margin-bottom: 12px !important;
}
.favoritesTable tbody tr.group{
	background-color: #2a353b;
	color: #fff;
	pointer-events: none;
	font-weight: bold;
}
.favoritesTable tbody tr{
	height: 30px !important;
}
.favoritesTable tbody td.editicon img{
	margin-top: 3px
}
.validate-menu {
	position: fixed;
	z-index: 200;
	height: 90px;
	bottom: -90px;
	width: 100%;
	text-align: center;
	display: none;
    z-index: 32771;
}

.delete-menu, .confirmation-bar, .deletemodules-bar, .maxattendees-bar, .existingattendee-bar, .existing-activity-bar, .existing-call-bar {
	position: absolute;
	height: 90px;
	margin-top: -200px;
	width: 100%;
	text-align: center;
	display: none;
    z-index: 32770;
	left: 0;
}
body:not(.webregs_home) .maxattendees-bar{
	padding-top: 70px;
}
body.webregs_home .maxattendees-bar{
	padding-top: 0px !important;
}
#registration-form-inbox .existing-activity-bar, #registration-form-inbox .existing-call-bar {
	top: 15px !important;
}
#registration-form-inbox .existing-activity-bar .validate-panel, #registration-form-inbox .existing-call-bar .validate-panel{
	margin: 3px auto !important;
}
#registration-form-inbox .existing-activity-bar .validate-panel .confirm-mess, #registration-form-inbox .existing-call-bar .validate-panel .confirm-mess{
	margin-top: 5px !important;
}

.confirmation-bar{
	background-color: #6CA237;
    color: #FFFFFF;
    border-bottom: 2px solid #3c763d;
}
.deletemodules-bar{color: #FFFFFF;}
.confirmation-bar .message, .deletemodules-bar .message{
	padding: 10px;
    font-size: 16px;
}
.confirmation-bar .conf-actions, .deletemodules-bar .conf-actions{
    width: 220px;
    margin: 0 auto;
}
.conf-actions input, .conf-actions span{
	float: left;
}
.conf-actions span{
    margin-left: 8px;
    margin-top: 9px;
}

.validate-panel{
    display: inline-block;
	margin: 7px auto;
	margin-top: 0;
}
.confirm-ok{
    width: 63px;
    margin-right: 80px;
}
.confirm-nok{
    width: 75px;
}

.confirm-ok, .confirm-nok{
    float: left;
}

.confirm-mess{
    float: left;
    color: white;
    margin-top: 13px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
}

#registration-form{
	background: white;
}

main section.columns {
	display: block;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	position: inherit;
}
main section.columns.three-quarters {
	width: 75%;
}
main section.columns.one-quarter {
	float: none;
}
main section.columns.two-third{
	margin-left: 3%;
	margin-bottom: 15px;
}
main section.columns.full{
	width: 93% !important;
	margin-left: 3%;
	margin-bottom: 15px !important;
}
main section.columns.editScreen, .codes-page.page > div:not(.codesPopup){
	width:100%;
	float:left;
}
.codes-page .dataTables_filter{
    float: left;
    margin-bottom: 15px;
	
}
.codes-page .dataTables_filter label{
    font-weight: bold;
    font-size: 1em !important;
    padding-left: 4px;
}
.codes-page .dataTables_filter input{
    margin-left: 261px;
    height: 32px;
    width: 400px;
}
main section.columns.three-quarters {
	padding: 10px 0 0 8px;
}
main section.columns.full {
	width: 100%;
}
main section.columns h2, #mailOverlay h2, .prolong_dsp h2, .invoice_dsp h2  {
	font-size: 1.35em;
	color: #2a353b;
    display: inline-block;
	float: left;
}
main section.columns .row {
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 5px 15px 5px 15px;
}
main section.columns .row.odd {
	background-color:#e6e6ff;
	width:100%;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	min-width: 220px;
}
main section.columns .row.even {
	background-color: #fff;
	width:100%;
}
main section.columns .table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
main section.columns img.profile {
	float: left;
	margin-right: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
}

.pwd-settings:focus, .pwd-settings-again:focus{
	box-shadow: none !important;
}

.password_by_email{
	margin-right: 25px;
}

#content-homelabel {
	display: inline-block;
	width: 100px;
	color: #fff;
	font-weight: bold;
	height: 30px;
	margin-bottom: 10px;
}
#content-home input[type=number], #content-home input[type=text], #content-home input[type=password], #content-home input[type=search], #content-home select{
    font-size: 14px;
    width: 200px;
    height: 33px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 4px 10px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: 2px solid #555D62;
	color: #111 !important;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
    font-size: 14px !important;
}
#content-home input[type=submit] {
    float: left;
}
#content-homeerror {
	background-color: rgba(255, 0, 0, 0.4);
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	height: 40px;
	border: 1px solid darkred;
}

.remember-me{
    float: left;
    width: 100%;
    margin-left: 92px;
    height: 35px;
    text-align: left;
}
.remember-me label{
	margin-top: 8px !important;
    font-weight: normal !important;
	width: 185px !important;
}

#curtain{
	display: none;
    background-color: white;
    width: 100%;
    height: 0%;
    position: absolute;
    z-index: 77777777777777;
}

.savebutton, .mailbutton, .cancelbutton{
	margin-left: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.action_button{
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border: 0px;
    line-height: 30px;
    padding: 0 12px;
    color: white;
    font-weight: normal;
	cursor: pointer;
	background-color: #2a353b;
	margin-top: 10px;
	outline: 0;
	min-width: 80px;
    -webkit-appearance: none;
}
.add-to-emails, .add-cc-emails, .add-bcc-emails{
    display: none;
}
.select-print-action .unifaceRadio{
    margin-bottom: 5px !important;
}
.select-print-action .unifaceRadioLabel{
	padding-top: 3px;
}
input[type=checkbox]{
    height: 17px;
    width: 17px;
    cursor: pointer;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
    cursor: pointer;
    padding: 0 !important;
	background-image: url(../images/chrome-style.png);
	background-size: 17px;
}

input[type=checkbox]:checked{
	background-position: 0px 17px;
}

input[type=radio]{
    height: 17px;
    width: 17px;
    cursor: pointer;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
    cursor: pointer !important;
    padding: 0 !important;
	background-image: url(../images/chrome-style-radio.png);
	background-size: 16px;
}

input[type=radio]:checked{
	background-position: 0px 16px;
}

label{
    outline: 0 !important;
}
#mailOverlay .checklabel{
    margin-top: 3px;
    float: left;
    margin-left: 6px;
}
#mailOverlay .second.checker input{
    float: left;
}
#mailOverlay .make-activity .make-activity-doc, #mailOverlay .choose-sign-check {
	display: none;
	margin-left: 25px;
    height: 20px;
}
#mailOverlay .make-activity input:checked + label + .make-activity-doc{
	display: block;
	margin-top: -20px;
    margin-left: 180px;
}
.del_attachment{
	width: 26px;
	height: 27px;
	float: right;
	cursor: pointer;
	margin-top: -6px;
}

.mail_overlay:after{
	content: " ";
    display:block;
    position: relative;
	top:0px;
	left:0px;
    width:100%;
    height:36px;
}
.drop_icon {
	width: 58%;
    height: 58%;
    fill: #ffffff;
    display: block;
    margin-left: 21%;
    margin-top: 21%;
}

.invite_button, .colleagues_button, .search_button_accounts, .search_button_persons, .search_button_articles, .search_button_activities, .search_button_activity, .search_button_account, .search_button_person, .search_button_account2, .search_button_alerts, .search_button_order, .search_button_counters,
.search_button_person2, .search_button_calls, .search_button_call, .search_button_documents, .search_button_document, .search_button_opp, .search_button_call, .search_button_orders, .search_button_quotations, .search_button_opportunities, .search_button_courses, .search_button_resources, .search_button_attendees, .search_button_webregs, .search_button_course, .search_button_opp, .search_button_call,
.search_button_attendee, #content-home input[type=button]:not(.forgot-pwd), .close_popup_btn, #content-home input[type=submit], .search_button_templates, .search_button_users, .search_button_products, .search_button_adm_features, .search_button_adm_preferences, .search_button_entities, .search_button_mutations{
    margin: 7px 35px 6px 0;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    color: #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: #2a353b;
    font-size: 1.0em;
    border: 0px solid #7D8184;
    padding: 0px 20px;
    outline: 0;
	height: 30px !important;
    -webkit-appearance: none;
}
.search_button_accounts, .search_button_persons, .search_button_activities, .search_button_calls, .search_button_documents, .search_button_opp, .search_button_call, .search_button_orders, .search_button_quotations, .search_button_opportunities, .search_button_alerts, .search_button_courses, .search_button_resources, .search_button_counters, .search_button_attendees, .search_button_webregs, .search_button_templates, .search_button_users, .search_button_adm_features, .search_button_adm_preferences, .search_button_products, .search_button_entities, .search_button_mutations{
	float: left;
	margin: 7px 6px 6px 5px;
    -webkit-appearance: none;
}

.search_button_account, .search_button_person, .search_button_articles, .search_button_course, .search_button_opp, .search_button_call, .search_button_attendee {
	margin: 0px 0px 0px 2% !important;
    -webkit-appearance: none;
}

.search_button_account2, .search_button_person2, .invite_button, .colleagues_button, .search_button_course, .search_button_attendee, .search_button_opp, .search_button_call, .timepage #search-orders-typeahead .action_button, 
.timepage .search-by-orderrow .action_button, .acticle_search_dsp .action_button, .search_button_order{
	margin: 0px !important;
	float: right;
    -webkit-appearance: none;
}
.activity-div #invites_search_form .tt-menu, .activity-div #colleagues_search_form .tt-menu, .activity-div .searchAttendeeForm .tt-menu, .activity-div .searchCourseForm .tt-menu{
	width: 120% !important;
}
.activity-div .course_search input.typeahead, .activity-div .attendee_search input.typeahead, .activity-div .person_invite input.typeahead, .activity-div .person_colleagues input.typeahead{
	width: calc(74% + 3px);
	padding-right: 30px;
}
.activity-div .twitter-typeahead .searchFieldCourse, .activity-div .twitter-typeahead .searchFieldAttendee, .activity-div .twitter-typeahead .typeahead.invite, .activity-div .twitter-typeahead .typeahead.colleague{
	padding-right: 30px;
}

.invited_table, .colleagues_table{
    margin-top: 10px;
	margin-bottom: 20px;	
}
.invited_table, .invited_table table, .colleagues_table, .colleagues_table table{
	display: table;
    float: left;
    width: 100%;
	border-collapse: collapse;
	cursor: default;
}
.invited_table thead th, .colleagues_table thead th{
    padding-bottom: 12px !important;
}
.invited_table > tbody > tr:nth-child(odd), .colleagues_table > tbody > tr:nth-child(odd), .act-feature-table tbody tr:nth-child(odd), .delegateDataTable tbody tr:not(.detail_row):nth-child(odd), 
.webreg-modules-table tbody tr:nth-child(odd), .webreg-costs-table tbody tr:nth-child(odd){
    background-color: rgba(42, 53, 59, 0.06);
}
.delegateDataTable tbody tr.detail_row .myTable tbody tr{
	background-color: #fff !important;
}
.invited_table > tbody > tr > td:last-child, .colleagues_table > tbody > tr > td:last-child{
    background: #fff !important;
}
.invited_table tbody tr, .invited_table thead th, .colleagues_table tbody tr, .colleagues_table thead th{
    padding: 5px 5px 12px 0px;
	text-align: left;
}
#invites_search_form .colleague{
	background-color: #dddddd;
}
.delegateDataTable thead th{
    padding: 5px 5px 12px 5px;
	text-align: left;	
}

.invited_table tr td:not(.email-box):not(.agenda-box):not(.del-box), .invited_table tr th:not(.email-box):not(.agenda-box):not(.del-box), 
.colleagues_table tr td:not(.email-box):not(.agenda-box):not(.del-box), .colleagues_table tr th:not(.email-box):not(.agenda-box):not(.del-box){
	width: 200px;
	padding-bottom: 5px;
	padding-right: 5px;
    padding-top: 5px;
}
.invited_table tr .email-box, .invited_table tr .agenda-box,
.colleagues_table tr .email-box, .colleagues_table tr .agenda-box{
	width: 90px;
}
.invited_table tr .del-box, .colleagues_table tr .del-box{
	width: 50px;
}

.invited_table tbody tr td, .colleagues_table tbody tr td, .delegateDataTable tbody tr td{
    word-break: break-word;
}
.delegateDataTable tbody tr td{
    padding: 5px;
	font-size: 0.95em;
}
.delegateDataTable thead tr th{
	outline: 0;
	font-size: 0.95em;
}
.coursereg-div .personTableHolder .dataTables_info{
	font-size: 0.95em;
    margin-left: 12px;
}
.callTypesTableHolder .dataTables_filter{
	width: 250px;
    margin-left: 4px;
    font-weight: bold;
    font-size: 1.1em;
}
.callTypesTableHolder{
	display: none;
	margin-top: 40px !important;
}
.accountSearchTableHolder, .personSearchTableHolder, .orderSearchTableHolder, .callTypesTableHolder, .oppSearchTableHolder, .callSearchTableHolder{
	width: calc(72% - 40px);
    margin-top: 0px;
    box-shadow: -2px 0px 9px 0px #666;
    z-index: 9999;
    border-radius: 7px;
    position: absolute;
    background: #fff;
    margin-left: calc(-39% - 6px);
	padding: 10px;
	margin-bottom: 80px;
	overflow-x: auto;
}
.left-column .personSearchTableHolder, .left-column .accountSearchTableHolder, .left-column .orderSearchTableHolder, .left-column .oppSearchTableHolder, .left-column .callSearchTableHolder{
	margin-left: calc(-16% - 6px) !important;
}

.personSearchTableHolder .dataTables_filter, .accountSearchTableHolder .dataTables_filter, .orderSearchTableHolder .dataTables_filter, .oppSearchTableHolder .dataTables_filter, .callSearchTableHolder .dataTables_filter, .entity-fields-page .dataTables_filter{
	font-weight: bold;
    margin-left: 3px;
    font-size: 1.0em;
}
.oppSearchTableHolder, .callSearchTableHolder{
    margin-top: 67px !important;
}
.orderSearchTableHolder{
    position: absolute !important;
    background: #fff;
    margin-top: 0px !important;
    border-radius: 15px;
    z-index: 999999;
	overflow-y: auto;
	width: calc(50% + 110px);
}
#order_search .orderSearchTableHolder{
    margin-left: -110px !important;
}

.order_search{
	width: 280px;
	float: left;
}
.personTableHolder{
	display: none;
	position: absolute;
    background: #fff;
    margin-top: 132px;
	margin-left: 10px;
	box-shadow: -2px 4px 11px 3px #999;
	border-radius: 15px;
	width: calc(45% - 48px);
	border: 2px solid var(--courses-color, #2B6190) !important;
	border: 2px solid #2B6190;
	z-index: 9;
}
body.webregs_home .personTableHolder{
    margin-top: 170px !important;
    width: calc(47% - 48px) !important;
}
.calltype-search-btn{
	background-image: url(../images/action/search-white.svg);
	background-size: 21px !important;
	background-position: center center;
	float: left;
}

#calltype-typeahead .twitter-typeahead{
	width: calc(100% - 38px) !important;
    float: left;
    margin-right: 5px;
}

.personTableHolder .dataTables_wrapper .dataTables_info {
	margin-left: 15px !important;
}
.personTableHolder .dataTables_wrapper .dataTables_paginate{
    padding-top: 5px !important;
    margin-right: 10px !important;
}
.accountSearchTableHolder .progress-holder, .personSearchTableHolder .progress-holder, .orderSearchTableHolder .progress-holder, .oppSearchTableHolder .progress-holder, .callSearchTableHolder .progress-holder{
    float: right;
    width: calc(100% - 270px) !important;
}
.accountSearchTableHolder .search-progress, .personSearchTableHolder .search-progress, .orderSearchTableHolder .search-progress, .oppSearchTableHolder .search-progress, .callSearchTableHolder .search-progress{
    margin-top: 5px !important;
	width: 300px !important;
    margin-left: 10px !important;
}
.accountSearchTableHolder .progress-text, .personSearchTableHolder .progress-text, .orderSearchTableHolder .progress-text, .oppSearchTableHolder .progress-text, .callSearchTableHolder .progress-text{
	margin-top: 5px !important;
    text-align: center;
    width: 300px !important;
    margin-left: 10px !important;
}
.accountSearchTableHolder input, .personSearchTableHolder input, .orderSearchTableHolder input, .oppSearchTableHolder input, .callSearchTableHolder input{
	margin-top: 4px !important;
}

.activity-featuretable{
	display: none;
	position: absolute;
    top: 330px;
    left: 21%;
    right: 3%;
    width: calc(65% - 15px);
    background-color: #fff;
    border: 1px solid #ccc;
	padding: 20px 5px;
    z-index: 99999;
    border-radius: 10px 3px 3px 10px;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
	max-height: 300px;
}
.activity-featuretable .close-btn{
    margin-right: 4px !important;
    margin-top: 6px !important;
}
.act-feature-table-scroll{
	max-height: 300px;
    overflow-y: auto;
	width: calc(100% - 50px);
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}
.activity-featuretable .close-btn{
	right: 4px !important;
}
.activity-featurelist .second{
    padding-top: 6px;
    padding-left: 12px;
}
.activity-features-row .activity-featurelist{
    margin-top: 6px;
    margin-bottom: 5px;
    margin-left: 6px;
}
.activity-features-row .activity-featuretable{
    top: 286px !important;
}
.activity-features-row .act-feature-table tbody tr td input.form-control{
	margin: 2px 0 4px 0px !important
}
.activity-features-row .search-features input.form-control{
    width: 270px !important;
    margin-left: 4px !important;
    margin-top: -10px !important;
}
.activity-features-row .search-features input.action_button{
	margin-left: 5px !important;
    margin-top: -6px !important;
}
.collective-action-table .progress-holder{
	width: 216px !important;
    margin-left: 4px !important;
    margin-top: 0 !important;
}
.collective-action-table .search-progress{
    margin-left: 0 !important;
    width: 190px !important;
}
.collective-action-table .progress-text{
	text-align: center;
    width: 188px;
    margin-left: 2px !important;
    margin-top: 12px !important;
}
.collective-action-table .progress-holder input{
    text-align: center;
    margin-left: 4px !important;
    margin-top: 12px !important;
}
.collemail-attr{
	float: right;
	width: 100%
}
.collemail-holder{
	width: 472px;
    float: right;
    margin-top: 22px;
}
.collemail-holder .first{
	width: 220px;
    float: left;
    font-weight: bold;
    margin-top: 9px;
}
.collemail-holder .second{
	width: 252px;
    float: left;
}
.activity-featurelist .second input{
    border: 0;
	background-color: #fff;
    text-decoration: underline;
    padding-left: 0;
    font-size: 0.95em !important;
	cursor: pointer;
	color: #111;
}
.activity-featurelist .second input:hover{
	text-decoration: none;
}
.act-feature-table thead tr th{
    padding-bottom: 7px;
	font-size: 0.95em !important;
}
.act-feature-table tbody tr td input.form-control{
	margin: 0px !important;
}
.act-feature-table tbody tr td{
    padding: 0px 4px 0px 0px;
}
.act-feature-table thead th:nth-child(1){
    width: 28px;
}
.act-feature-table thead th:nth-child(4), .act-feature-table thead th:nth-child(5){
    width: 120px;
}
.act-feature-table{
	width: calc(100% - 30px);
    border-collapse: collapse;
	font-size: 0.95em !important;
}
.act-feature-table thead{
	text-align: left;
}
.act-feature-table.-uent-empty-{
	display: none;
}
.act-feature-table .second span{ 
	font-weight: bold;
    font-size: 1em;
    margin-top: 3px;
    float: left;
}
.invited_table.-uent-empty-, .colleagues_table.-uent-empty-{
    display: none;
}

.info_show{
	display: none;
}
.check-agenda, .check-mail, .check-filter, .check-inbox, .check-attach{
	cursor: pointer;
	height: 17px;
    width: 17px;
    position: relative !important;
    left: 0 !important;
    -webkit-appearance: checkbox !important;
}

.check-filter{
	margin-bottom: 15px;
    margin-top: 6px;
    margin-left: 13px;
}
.check-div{
    margin-top: 6px;
    float: left;
}
.doc-div .linked{
	cursor: pointer !important;
}
.account_search .twitter-typeahead, .venue_search .twitter-typeahead, .person_search .twitter-typeahead, .person_invite .twitter-typeahead, .person_colleagues .twitter-typeahead, .invoicee_search .twitter-typeahead, .booker_search .twitter-typeahead, .course_search .twitter-typeahead,
.attendee_search .twitter-typeahead, .opportunity_search .twitter-typeahead, .call_search .twitter-typeahead, .timepage #search-orders-typeahead .twitter-typeahead{
	width: 75% !important;
}

.twitter-typeahead.invite, .twitter-typeahead .searchFieldAccount, .twitter-typeahead .searchFieldPerson, .twitter-typeahead .invite, .twitter-typeahead .colleague, .twitter-typeahead .searchFieldCourse, .twitter-typeahead .searchFieldAttendee, .timepage .twitter-typeahead .searchFieldOrder, .twitter-typeahead .searchFieldOpportunity, .twitter-typeahead .searchFieldCall, .resource-wide{
	width: 100% !important;	
}
.dmu-div .form-control.pers_label{
	margin-right: 5px;
}
.login #pswd_info{
	position: absolute !important;
    text-align: left;
	margin-left: 0 !important;
	margin-top: -105px;;
}
.delegate_search .search_button_account2, .booker_search .search_button_account2, .invoicee_search .search_button_account2{
	width: 80px !important;
}
.search_button_account, .search_button_account2, .search_button_person, .search_button_person2, .search_button_articles, .invite_button, .colleagues_button, .search_button_course, .search_button_opportunity, .search_button_opp, .search_button_call, .search_button_attendee, .timepage #search-orders-typeahead .action_button, .timepage .add-orders-row .search-by-orderrow .second .action_button, .acticle_search_dsp .action_button,
.attendee-move-div .person_search .action_button, .search_button_order{
	width: 23% !important;
	min-width: auto !important;
	padding: 0 !important;
	font-size: 0.9em !important;
    height: 30px !important;
    border: 0px !important;
    border-radius: 18px !important;
	-moz-border-radius: 18px !important;
    -webkit-border-radius: 18px !important;
}
.timepage #search-orders-typeahead .action_button, .timepage .search-by-orderrow .action_button{
    min-width: 49px !important;
}
.small_search, .person_search input.typeahead, .account_search input.typeahead, .venue_search input.typeahead, .orders_search input.typeahead, .person_invite input.typeahead, .invoicee_search input.typeahead, .booker_search input.typeahead, .course_search input.typeahead, .attendee_search input.typeahead, .timepage #search-orders-typeahead input.typeahead, .opportunity_search input.typeahead, .call_search input.typeahead, .order_search input.typeahead, .person_colleagues input.typeahead{
	width: calc(74% - 25px);
	margin-right: 2%;
}
.order_search input.typeahead{
	width: calc(75% - 30px) !important;	
}

.timepage .add-orders-row .search-by-orderrow .second .searchFieldOrderRow{
	width: 100%;
}
.timepage .add-orderrow-div input{
    margin-right: 5px;
}

#content-home input[type=button]:not(.azure-button):not(.forgot-pwd):not(.send-otp){ 
	margin: 5px 0 10px 0 !important;
}

input[type=button].account_email{
	text-align: left;
}

.overlay-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	cursor: pointer;
	z-index: 8888889;
	-webkit-transform: translate3d(0,0,0);
	background: rgba(0,0,0,0.75);
}
.password-almost-expired{
	display: none;
	width: 350px;
	height: 70px;
    background-color: #fff;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px;
    z-index: 9999;
    border: 2px solid #2a353b;
	border-bottom: 0 !important;
	border-right: 0 !important;
	border-radius: 10px 0px 0px 0px;
}
.password-almost-expired h3{
    margin-top: 3px !important;
    font-size: 15px !important;
}
.overlay-general-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	z-index: 8888889;
	background: rgba(0,0,0,0.75);
}
.overlay-content, .overlay-content-login{
	display: none;
	background: #eee;
	padding: 15px;
	width: 260px;
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto; 
	cursor: pointer;
	z-index: 88888669;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	text-align: center;
}

.replace_doc{
	margin-right: 25px;
}

.documentDetails .custom-file-upload, .documentDetailsShow .custom-file-upload{
	font-size: 0.9em !important;
	padding: 8px 18px !important;
}

.disabled_search_input{
	-webkit-appearance: none !important;
}
.inputtype{
	width: 60%;
} 
.inputtype input, .acticle_search_dsp .search-input{
    width: 100%;
}
.popup h1, .conf-popup h1, .conf-popup-login h1, .doc-popup h1, .delete-popup h1{
	font-size: 1.5em;
    color: #2a353b;
	font-family: 'Calibri', Fallback, sans-serif;
    line-height: 28px;
	cursor: pointer;
}
.delete-popup input{
    margin: 0 10px 0 10px;
}
.confirm-popup{
	margin-top: 200px !important;
}
.overlay-content.confirm-popup .action_button:first-child{
	margin-left: 15px;
}
.general-popup {
	display: none;
	cursor: default;
	display: flex;
    height: 100vh;
    flex-direction: column;
	position: fixed;
    left: 0;
    right: 0;
	z-index: 88888669;
	text-align: center;
    background: rgba(0,0,0,0.75);
}
.general-popup .general-popup-top {
    flex-grow: 0;
}
.general-popup .general-popup-bottom {
    flex-grow: 100;
}
.general-popup .general-popup-center {
	display: flex;
    flex-direction: row;
}
.general-popup .general-popup-left {
    flex-grow: 1;
}
.general-popup .general-popup-right {
    flex-grow: 1;
}
.general-popup .general-popup-inner {
	background: #eee;
    padding: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    max-height: 80vh;
	max-width: 90vw;
    min-width: 260px;
    margin: 0 auto;
	display: flex;
    flex-direction: column;
}
.general-popup h1 {
    flex-grow: 1;
    font-size: 1.7em;
}
.general-popup .message {
	margin-bottom: 20px;
	text-align: left;
}
.general-popup .action-buttons{
    flex-grow: 1;
}
.general-popup .action-buttons input{
    margin: 0 10px 0 10px;
}
.add{
	background-position: 0px -1px !important;
}
.edit, .mail{
    background-position: 0px 0px;
}
.collapse-filter:active{
	margin-top: 3px;	
}
.feature-input label, .collective-features-div label{
    float: left;
}
.omsmust, .nrmust, .datemust{
    display: none;
    float: left;
    margin-left: 5px;
}
.uppercase{
    text-transform: uppercase;
}
.searchOppForm .add_block, .searchAccountForm .add_block, .searchPersonForm .add_block{
    margin-top: -28px !important;
    right: -28px !important;
	margin-right: 1px;
}
.accounts_home #footer .inActiveButtonInfo:active, .accounts_home #footer .inActiveButtonEdit:active,
.persons_home #footer .inActiveButtonInfo:active, .persons_home #footer .inActiveButtonEdit:active,
.activities_home #footer .inActiveButtonInfo:active, .activities_home #footer .inActiveButtonEdit:active,
.calls_home #footer .inActiveButtonInfo:active, .calls_home #footer .inActiveButtonEdit:active,
.default_courses_home #footer .inActiveButtonInfo:active, .default_courses_home #footer .inActiveButtonEdit:active,
.courses_home #footer .inActiveButtonInfo:active, .courses_home #footer .inActiveButtonEdit:active,
.course_attendees_home #footer .inActiveButtonInfo:active, .course_attendees_home #footer .inActiveButtonEdit:active,
.coaches_home #footer .inActiveButtonInfo:active, .coaches_home #footer .inActiveButtonEdit:active,
.resources_home #footer .inActiveButtonInfo:active, .resources_home #footer .inActiveButtonEdit:active,
.agenda_home #footer .inActiveButtonInfo:active, .agenda_home #footer .inActiveButtonEdit:active{
	top: 0px !important; 
}

.accounts_home .selectedPageButton, .accounts_home #footer .footer-icon:hover, .accounts_home .slideout-menu-toggle:hover, .accounts_home .add_block:hover, .accounts_home .add_email_block:hover, .accounts_home .list_block:hover, .accounts_home .action_menu input:hover,
.accounts_home .slideout-menu-toggle:hover{
	background-color: #6CA237 !important;
	background-color: var(--accounts-color, #6CA237) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

.persons_home .selectedPageButton, .persons_home #footer .footer-icon:hover, .persons_home .slideout-menu-toggle:hover, .persons_home .add_block:hover, .persons_home .add_email_block:hover, .persons_home .list_block:hover, .persons_home .action_menu input:hover,
.persons_home .slideout-menu-toggle:hover{
	background-color: #2C9BCE !important;
	background-color: var(--persons-color, #2C9BCE) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

.activities_home .selectedPageButton, .activities_home #footer .footer-icon:hover, .activities_home .slideout-menu-toggle:hover, .activities_home .add_block:hover, .activities_home .add_email_block:hover, .activities_home .list_block:hover, .activities_home .action_menu input:hover,
.activities_home .slideout-menu-toggle:hover{
	background-color: #718492 !important;
	background-color: var(--activities-color, #718492) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

.calls_home .selectedPageButton, .calls_home #footer .footer-icon:hover, .calls_home .slideout-menu-toggle:hover, .calls_home .add_block:hover, .calls_home .add_email_block:hover, .calls_home .list_block:hover, .calls_home .action_menu input:hover,
.calls_home .slideout-menu-toggle:hover{
	background-color: #11905A !important;
	background-color: var(--calls-color, #11905A) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

.opportunities_home .selectedPageButton, .opportunities_home #footer .footer-icon:hover, .opportunities_home .slideout-menu-toggle:hover, .opportunities_home .add_block:hover, .opportunities_home .add_email_block:hover, .opportunities_home .list_block:hover, .opportunities_home .action_menu input:hover,
.opportunities_home .slideout-menu-toggle:hover{
	background-color: #7C4F88 !important;
    background-color: var(--opportunities-color, #7C4F88) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}
.orders_home .selectedPageButton, .orders_home #footer .footer-icon:hover, .orders_home .slideout-menu-toggle:hover, .orders_home .add_block:hover, .orders_home .add_email_block:hover, .orders_home .list_block:hover, .orders_home .action_menu input:hover, .orders_home .slideout-menu-toggle:hover{
	background-color: #1d5c6d !important;
    background-color: var(--orders-color, #1d5c6d) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

.default_courses_home .selectedPageButton, .default_courses_home #footer .footer-icon:hover, .default_courses_home .slideout-menu-toggle:hover, .default_courses_home .add_block:hover, .default_courses_home .add_email_block:hover, .default_courses_home .list_block:hover, .default_courses_home .action_menu input:hover,
.default_courses_home .slideout-menu-toggle:hover, .courses_home .selectedPageButton, .courses_home #footer .footer-icon:hover, .courses_home .slideout-menu-toggle:hover, .courses_home .add_block:hover, .courses_home .add_email_block:hover, .courses_home .list_block:hover, .courses_home .action_menu input:hover,
.courses_home .slideout-menu-toggle:hover, .coaches_home .selectedPageButton, .coaches_home #footer .footer-icon:hover, .coaches_home .slideout-menu-toggle:hover, .coaches_home .add_block:hover, .coaches_home .add_email_block:hover, .coaches_home .list_block:hover, .coaches_home .action_menu input:hover,
.coaches_home .slideout-menu-toggle:hover, .agenda_home .selectedPageButton, .agenda_home #footer .footer-icon:hover, .agenda_home .slideout-menu-toggle:hover, .agenda_home .add_block:hover, .agenda_home .add_email_block:hover, .agenda_home .list_block:hover, .agenda_home .action_menu input:hover,
.agenda_home .slideout-menu-toggle:hover, .course_attendees_home .selectedPageButton, .course_attendees_home #footer .footer-icon:hover, .course_attendees_home .slideout-menu-toggle:hover, .course_attendees_home .add_block:hover, .course_attendees_home .add_email_block:hover, .course_attendees_home .list_block:hover,
.course_attendees_home .slideout-menu-toggle:hover, .course_attendees_home .action_menu input[type=button]:hover, .webregs_home .action_menu input[type=button]:hover, .webregs_home .add_block:hover, .resources_home #footer .footer-icon:hover, .resources_home .action_menu input:hover,
.resources_home .add_block:hover{
	background-color: #2B6190 !important;
	background-color: var(--courses-color, #2B6190) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

.reports_home .selectedPageButton, .reports_home #footer .footer-icon:hover, .reports_home .slideout-menu-toggle:hover, .reports_home .add_block:hover, .reports_home .list_block:hover, .reports_home .action_menu input:hover,
.reports_home .slideout-menu-toggle:hover{
	background-color: #566496 !important;
	background-color: var(--reports-color, #566496) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

.documents_home .selectedPageButton, .documents_home #footer .footer-icon:hover, .documents_home .slideout-menu-toggle:hover, .documents_home .add_block:hover, .documents_home .add_email_block:hover{
	background-color: #AD2551 !important;
    background-color: var(--documents-color, #AD2551) !important;
    border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 	
}
.alerts_home .selectedPageButton, .alerts_home #footer .footer-icon:hover, .alerts_home .slideout-menu-toggle:hover, .alerts_home .add_block:hover, .alerts_home .add_email_block:hover{
	background-color: #367125 !important;
    background-color: var(--alerts-color, #367125) !important;
    border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 	
}
.inbox_home .selectedPageButton, .inbox_home #footer .footer-icon:hover, .inbox_home .slideout-menu-toggle:hover{
	background-color: #D49F00 !important;
    background-color: var(--inbox-color, #D49F00) !important;
    border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 	
}

.timewriting_home .selectedPageButton, .timewriting_home #footer .footer-icon:hover, .timewriting_home .slideout-menu-toggle:hover,
.approvehours_home .selectedPageButton, .approvehours_home #footer .footer-icon:hover, .approvehours_home .slideout-menu-toggle:hover,
.invoicehours_home .selectedPageButton, .invoicehours_home #footer .footer-icon:hover, .invoicehours_home .slideout-menu-toggle:hover{
	background-color: #FF5722 !important;
	background-color: var(--timewriting-color, #FF5722) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 	
}

.settings_home .selectedPageButton, .settings_home #footer .footer-icon:hover, .settings_home .slideout-menu-toggle:hover{
	background-color: #BD3333 !important;
	background-color: var(--settings-color, #BD3333) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 	
}

.adm_templates_home .selectedPageButton{
	background-color: #868871 !important;
    background-color: var(--admin-color, #868871) !important;
    border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 		
}

.selectedPageButton:not(.help):not(.favorite), .add-from-emails-row .action_button{
	pointer-events: none;
}
.add-to-emails .form-control.mail_input, .add-cc-emails .form-control.mail_input, .add-bcc-emails .form-control.mail_input{
    width: calc(100% - 90px);
    float: left;
}
.typeahead_init_width{
    width: 100% !important;
}
.add-to-emails .twitter-typeahead, .add-cc-emails .twitter-typeahead, .add-bcc-emails .twitter-typeahead{
    width: calc(100% - 90px);
    float: left;
}
.add-to-emails .action_button, .add-cc-emails .action_button, .add-bcc-emails .action_button{
    float: right;
    margin-top: 6px;
}

.accounts_home #footer .inActiveButtonAdd:hover, .accounts_home #footer .inActiveButtonInfo:hover, .accounts_home #footer .inActiveButtonEdit:hover, 
.accounts_home #footer .inActiveButtonUndo:hover, .accounts_home #footer .inActiveButtonAccept:hover, .accounts_home #footer .inActiveButtonCancel:hover, 
h2.inActiveHeading:hover, .persons_home #footer .inActiveButtonAdd:hover, .persons_home #footer .inActiveButtonInfo:hover, .persons_home #footer .inActiveButtonEdit:hover, 
.persons_home #footer .inActiveButtonUndo:hover, .persons_home #footer .inActiveButtonAccept:hover, .persons_home #footer .inActiveButtonCancel:hover, 
h2.inActiveHeading:hover, .activities_home #footer .inActiveButtonAdd:hover, .activities_home #footer .inActiveButtonInfo:hover, .activities_home #footer .inActiveButtonEdit:hover, 
.activities_home #footer .inActiveButtonUndo:hover, .activities_home #footer .inActiveButtonAccept:hover, .activities_home #footer .inActiveButtonCancel:hover, 
h2.inActiveHeading:hover, .settings_home #footer .inActiveButtonEdit:hover, .settings_home #footer .inActiveButtonAdd:hover, .timewriting_home #footer .inActiveButtonEdit:hover, .timewriting_home #footer .inActiveButtonAdd:hover{
	cursor: default !important;
	background-color: transparent !important;
}
#footer .footer-icon:hover, .add-from-emails-row .mail_input.from_mail, .footer_menu .footer-icon.menu{
	cursor: pointer;
}

.footer-icon:disabled{
    opacity: 0.6;
    pointer-events: none;
}

.footer_disabled{
	opacity: 0.3;
    pointer-events: none;
}

.footer_enabled{
	opacity: 1;
    pointer-events: visible;
}

.disabled:hover{
	cursor: default !important;	
}
.disabled:active{
	top: 0px !important;
}
#menuManager input[type=button], .slideout-menu input.dash-icons{
	font-size: 12px;
	font-weight: normal !important;
}
#navigation.index input.dash-icons{
	font-size: 1em;
}

#navigation input[type="button"]:not(.action_button):not(.filter-icon):not(.cancel_progress), #menuManager input[type=button]:not(.action_button):not(.filter-icon):not(.cancel_progress), #navigation span, #menuManager span{
	font-size: 0.99em;
	width: 125px;
    height: 125px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px;
    margin: 5px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 80px 2px 0 2px;
	background-clip: padding-box;
    word-break: break-word;
    white-space: normal;
}

#navigation .home, #menuManager .home{
	background-color: #DC4E89;
	background-color: var(--home-color, #DC4E89);
	background-image: url(../images/action/home.svg) !important;
	background-position: center 12px;
    background-repeat: no-repeat;
    background-size: 64px;
}
#navigation .accounts, #menuManager .accounts{
	background-color: #6CA237;
    background-color: var(--accounts-color, #6CA237);
	background-image: url(../images/action/building.svg) !important;
	background-position: center 17px;
    background-repeat: no-repeat;
    background-size: 65px;
}
#navigation .persons, #menuManager .persons{
	background-color: #2C9BCE;
    background-color: var(--persons-color, #2C9BCE);
	background-image: url(../images/action/persons.svg) !important;
	background-position: center 18px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 61px;
}
#navigation .inbox, #menuManager .inbox{
	background-color: #D49F00;
    background-color: var(--inbox-color, #D49F00);
	background-image: url(../images/action/outlook.svg) !important;
	background-position: center 18px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 59px;
}
#navigation .activities, #menuManager .activities{
	background-color: #718492;
    background-color: var(--activities-color, #718492);
	background-image: url(../images/action/activities.svg) !important;
	background-position: center 15px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 64px;
}
#navigation .calls, #menuManager .calls{
	background-color: #11905A;
    background-color: var(--calls-color, #11905A);
	background-image: url(../images/action/calls.svg) !important;
	background-position: center 17px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 64px;
}
#navigation .documents, #menuManager .documents{
	background-color: #AD2551;
    background-color: var(--documents-color, #AD2551);
	background-image: url(../images/action/documents.svg) !important;
	background-position: center 21px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 59px;
}
#navigation .courses, #menuManager .courses{
	background-color: #2B6190;
    background-color: var(--courses-color, #2B6190);
	background-image: url(../images/action/courses.svg) !important;
	background-position: center 12px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 75px;
}
#navigation .planboard, #menuManager .planboard{
	background-color: #1A8C80;
    background-color: var(--planboard-color, #1A8C80);
	background-image: url(../images/action/planboard.svg) !important;
	background-position: center 19px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 61px;
}
#navigation .reports, #menuManager .reports{
	background-color: #566496;
    background-color: var(--reports-color, #566496);
	background-image: url(../images/action/reports.svg) !important;
	background-position: center 17px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 65px;
}
#navigation .opportunities, #menuManager .opportunities{
	background-color: #7C4F88;
    background-color: var(--opportunities-color, #7C4F88);
	background-image: url(../images/action/opportunities.svg) !important;
	background-position: center 17px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 64px;
}
#navigation .orders, #menuManager .orders{
	background-color: #1d5c6d;
    background-color: var(--orders-color, #1d5c6d);
	background-image: url(../images/action/order.svg) !important;
	background-position: 22px 12px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 72px;
}
#navigation .quotations, #menuManager .quotations{
	background-color: #537052;
    background-color: var(--quotations-color, #537052);
	background-image: url(../images/action/invoice.svg) !important;
	background-position: 28px 16px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 68px;
}
#navigation .timewriting, #menuManager .timewriting{
	background-color: #FF5722;
    background-color: var(--timewriting-color, #FF5722);
	background-image: url(../images/action/timewriting.svg) !important;
	background-position: center 19px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 66px;
}
#navigation .alerts, #menuManager .alerts{
	background-color: #367125;
    background-color: var(--alerts-color, #367125);
	background-image: url(../images/action/alerts.svg) !important;
	background-position: center 20px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 54px;
}
#navigation .dashboard, #menuManager .dashboard{
	background-color: #01738a;
    background-color: var(--dashboards-color, #01738a);  
	background-image: url(../images/action/dashboard.svg) !important;
	background-position: center 9px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 74px;
}
#navigation .settings, #menuManager .settings{
	background-color: #BD3333;
    background-color: var(--settings-color, #BD3333);
	background-image: url(../images/action/setting.svg) !important;
	background-position: center 17px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 63px;
}
#navigation .admin, #menuManager .admin{
	background-color: #868871;
    background-color: var(--admin-color, #868871);
	background-image: url(../images/action/admin.svg) !important;
	background-position: center 16px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 58px;
}
#navigation .favorites{
	background-color: #447a97;
    background-color: var(--favorites-color, #447a97);
	background-image: url(../images/action/star.svg) !important;
	background-position: center 17px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 63px;
}
body.homepage .favorites_menu tbody tr:hover td:not(.editicon), body.homepage .favorites_menu .paginate_button:hover{
	background-color: #447a97;
    background-color: var(--favorites-color, #447a97);
	color: #fff;
}
#navigation .actions, #menuManager .actions{
	background-color: #3a7350;
    background-color: var(--actions-color, #3a7350);
	background-image: url(../images/action/world.svg) !important;
	background-position: center 16px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 58px;
}
.actions-blocks-holder input, .actions-blocks-holder span{
    background-color: #3a7350;
    background-color: var(--actions-color, #3a7350);
}
.actions-blocks-holder .GA_PROLONG{
    background-image: url(../images/action/prolong.svg) !important;
    background-size: 56px !important;
    background-position: center 20px !important;
}
.actions-blocks-holder .GA_INVOICING{
    background-image: url(../images/action/invoice.svg) !important;
    background-size: 59px !important;
    background-position: 28px 17px !important;
}
.ordersTable .errorrow .collerror{
    background-image: url(../images/action/error.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 5px 6px;
}
.prolong_action, .invoice_action{
	text-align: center;
    width: 75px;
    margin-right: 18px;
}

.invoice-div.orderLineDetails, .invoice_dsp .invoice-course-div{
	margin-left: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 93%;
	padding-left: 0;
}
.invoice-div.orderDetails, .prolong-div.orderDetails{
	margin-left: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 50%;
	padding-left: 0;
}

.subject_order, .status_order, .distribution_order{
    width: 100%;
    float: left;
}
.prolong-div > div, .invoice-div > div{
	width: 100%;
    float: left;
}
.prolong-div > input, .invoice-div > input{
	float: left;
    margin-right: 10px;
}
.prolong-div div.first{
	width: 434px !important;
}
.invoice-div div.first{
	width: 175px !important;
}
.prolong-div div.second, .invoice-div div.second{
	width: calc(55% - 434px) !important;
    min-width: 210px;
}
.prolong-div .action_button, .prolong-div .action_button{
	float: left;
	margin-right: 10px;
}
.prolong-div .progress-header, .invoice-div .progress-header, .action_button .progress-header{
    width: 184px;
    margin-top: 1px;
}

.prolong-div .unifaceRadioGroup input, .prolong-div .unifaceRadioGroup label{
	cursor: pointer;
}
.prolong-div .unifaceRadioGroup td.unifaceRadioLabel{
	padding-top: 5px;
}
.prolong-div .unifaceRadioGroup  tr{
	display: inline-block !important;
}
.prolong-div .second input.form-control{
    margin-left: 8px !important;
	width: 200px !important;
}
.invoice-div .second input.form-control{
	width: 270px !important;
}
.prolong-div input[type=radio]{
	display: block !important;
	float: left;
	margin-left: 12px;
	margin-top: 10px;
}
.prolong-div .second span:not(.twitter-typeahead){
	float: left;
    margin-top: 10px;
    margin-left: 2px;
}
.action_prolong {
    background: url(../images/action/prolong.svg) no-repeat;
    background-size: 24px;
    background-position: center 7px;
	float: right !important;
    margin-right: 5px !important;
}

.action_invoice{
	float: right !important;
    margin-right: 5px !important;
    background-image: url(../images/action/euro.svg) !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 6px 8px !important;
    background-color: #2a353b;
}
.invoice_action > div{
	width: 101%;
}
.invoice_course thead th {
	text-align: left;
	padding-left: 5px;
}
.invoice_course .amount, .invoice_course .check {
	width: 100px;
}
.invoice_course tbody .check input{
	margin-left: 30px;
}
.invoice_course {
	width: 100%;
}
.invoice_dsp{
    width: 100%;
    float: right;
}

.align-right{
	text-align: right !important;
}
.overlay-bg .overlay-image-container{
    opacity: 1;
    visibility: visible;
    position: fixed;
    overflow: auto;
    z-index: 100001;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    display: block;
}

.overlay-bg .overlay-image-container .popup_align{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.overlay-bg .overlay-image-container .overlay-image{
    opacity: 1;
    visibility: visible;
    display: inline-block;
    outline: 0;
    text-align: left;
    position: relative;
    vertical-align: middle;
}
.overlay-bg .overlay-image-container .overlay-image img{
    max-height: 92vh;
    max-width: 94vw;
}
.timepage .order_desc{
    width: 95px;
    float: right;
    padding-top: 0;
    margin-left: 40px;
}
.timepage .km_div{
    float: right;
    margin-top: 2px;
}
.timepage .km_div input{
    margin-left: 7px;
    border: 1px solid #666;
    height: 25px;
    padding: 0 7px;
    width: 60px;
}
.timewriting_home .orders .topmarg{
    margin-top: 5px !important;
    float: right !important;
	margin-left: 0 !important;
}
.timewriting_home .orders .km-btn{
    border: 0;
    width: 24px;
    height: 24px;
    color: #FFF;
    background-color: #2a353b;
    font-size: 12px !important;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	float: left;
	text-align: center;
	margin-left: 2px;
	padding: 0;
}
.timewriting_home .orders .timelbl-width{
    width: 124px !important;
}
.timewriting_home .orders .km-btn:hover{
	cursor: pointer;
	background-color: #FF5722 !important;
    background-color: var(--timewriting-color, #FF5722) !important;
}
.timrwritingorder-div{
	background-color: #fff;
	float: left;
	border-radius: 10px;
}
.orders-add-div .action_menu{
	display: none;
}
.timrwritingorder-div .order-div{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.orders-add-div .order-section > h2{
    margin-left: 3% !important;
    margin-bottom: 5px !important;
    margin-top: 25px !important;
}
.close-order-btn{
	width: 100%;
	float: left;
}
.close-order-btn input{
    background-color: #cc384e;
    background-image: url(../images/action/cancel.svg);
    background-position: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    cursor: pointer;
	right: calc(3% - 3px);
    background-size: 12px;
    width: 22px;
    height: 22px;
    border: 0;
    float: right;
    background-repeat: no-repeat;
    margin-top: 7px;
    position: absolute;
}
.close-order-btn input:hover{
	background-color: #FF5722 !important;
    background-color: var(--timewriting-color, #FF5722) !important;
}

.timepage .order-oms-div, .timepage .unit-div{
    display: none;
}
.timepage .no-hour-results{
	margin-top: 28px;
    float: left;
    display: none;
}
.timepage .saveholder .action_button{
    float: left;
    margin-left: 0px;
}
.timepage .totalhours{
    float: right;
    width: 270px;
    margin-top: 12px;
    text-align: right;
    font-weight: bold;
}
.timepage .add-orders-row label{
    margin-top: 6px;
    float: left;
}
.timewriting_home .columns.two-third{
    min-width: 460px;
}
.timepage .day-tabs {
    width: 60%;
    float: left;
}
.timepage .selectweek{
	float: left;
	margin-top: 18px;
}
.timewriting-header #prevweek{
	margin-right: 0px !important;
}
.timepage .weekyear{
    float: left;
    cursor: pointer;
	margin-top: 24px;
	width: 414px;
    text-align: center;
}
.timepage .paginate_button.previous:hover, .timepage .paginate_button.next:hover{
	background-color: #FF5722;
	background-color: var(--timewriting-color, #FF5722) !important;
}
.timepage .accordedcell{
	background-color: #ff57228f !important;
}
.timepage .invoicedcell{
	background-color: #6ca237b0 !important;
}
.timepage .depDetails div .first{
	width: 150px !important;
}
.timepage .timewriting-datpicker{
    position: absolute;
    margin-top: 25px;
    visibility: hidden;
    left: 140px;
}
.timepage .add-orderrow-div, .timepage .add-courses-div{
	margin-bottom: 15px;
	float: left;
}
.timepage .add-courses-div input{
	float: left !important;
	margin-top: 10px !important;
	margin-right: 10px !important;
}
.timepage .saveholder{
    width: calc(100% - 82px);
    float: left;
    margin-top: 15px;
}
.timepage .day-tabs{
    width: 100%;
}
.timepage .add-courses-row, .timepage .add-courses-row, .timepage .add-courses-row, .timepage .add-courses-row{
    float: left;
    width: 100%;
}
.timepage .tableholder{
    float: left;
    width: 100%;
    margin-top: 10px;
}
.timepage .orders tbody tr.order-oms, .timepage .accounts tbody tr.account-oms, .timepage .courses tbody tr.event-oms, .timepage .other tbody tr.other-oms{
    display: none;
}
.timepage .orders tbody tr.order-oms td:not(:last-child):not(.timelbl-width), .timepage .accounts tbody tr.account-oms td:not(:last-child), .timepage .courses tbody tr.event-oms td:not(:last-child), .timepage .other tbody tr.other-oms td:not(:last-child){
    text-align: right !important;
    padding-right: 5px !important;
	padding-left: 5px;
    border-right: 1px solid #333 !important;
}
.timepage .orders tbody tr.order-oms td input[type=search], .timepage .orders tbody tr.order-oms td input[type=number]:not(.km),
.timepage .courses tbody tr.event-oms td input[type=search], .timepage .courses tbody tr.event-oms td input[type=number]:not(.km),
.timepage .accounts tbody tr.account-oms td input[type=search], .timepage .accounts tbody tr.account-oms td input[type=number]:not(.km),
.timepage .other tbody tr.other-oms td input[type=search], .timepage .other tbody tr.other-oms td input[type=number]:not(.km){
    text-align: left !important;
    padding: 0;
	margin: 0;
    width: 100%;
	height: 100%;
    border: 0;
}
.timepage table tbody tr td input[type=number].km{
    padding: 0px 0px;
    border: 0;
    width: 50px;
	text-align: right;
}
.timepage .orders tbody tr.order-oms td:first-child, .timepage .accounts tbody tr.account-oms td:first-child, .timepage .courses tbody tr.event-oms td:first-child, .timepage .other tbody tr.other-oms td:first-child{
    width: calc(100% - 400px) !important;
}
.timepage table:not(.search-orderrows-table):not(.search-courses-table) thead tr th:first-child{
    text-align: left;
    padding: 8px 1px;
	vertical-align: bottom;
	width: calc(100% - 400px);
}
.search-orderrows-table tbody tr:nth-child(even), .search-courses-table tbody tr:nth-child(even){
    background-color: #FFF !important;
}
.search-orderrows-table thead th, .search-orderrows-table thead th label, .search-courses-table thead th, .search-courses-table thead th label{
    text-align: left;
    background-color: #FFF !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}
.search-orderrows-table thead th{
	padding: 7px 5px;
    outline: 0;
}
.search-orderrows-table tbody td{
    padding: 2px 5px;
    outline: 0;
}
.search-courses-table thead th, .search-courses-table tbody td{
    padding: 7px 5px;
    outline: 0;
}
.timewriting_home .timepage .action_button:hover, .timewriting_home .search-orderrows-table tbody tr:hover td:not(.orderinfo-div), .timewriting_home .search-orderrows-table tbody tr.orderrows_selected td:not(.orderinfo-div), .timewriting_home .timepage .search_button_course:hover, .timewriting_home .timepage .copy_btn:hover,
.timewriting_home .timepage .search_button_account2:hover, .timewriting_home .timepage .edit_btn:hover, .timewriting_home .timepage .del_btn:hover, .timewriting_home .timepage .orderrows-results .paginate_button.previous:hover, .timewriting_home .timepage .orderrows-results .paginate_button.next:hover, 
.timewriting_home .timepage .orderrows-results .paginate_button.first:hover, .timewriting_home .timepage .orderrows-results .paginate_button.last:hover, .approvehours_home .paginate_button:hover, .invoicehours_home .paginate_button:hover, .timewriting_home .search-courses-table tbody tr:hover td,
.timewriting_home .search-courses-table tbody tr.courserows_selected td, .timewriting_home .userTasksTable tbody tr:not(.detail_row):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), .timewriting_home .favoritesTable tbody tr:hover td:not(.editicon), .approvehours_home .userTasksTable tbody tr:not(.detail_row):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), .approvehours_home .favoritesTable tbody tr:hover td:not(.editicon), .invoicehours_home .userTasksTable tbody tr:not(.detail_row):hover td:not(.D_DELETE):not(.D_DOWNLOAD):not(.D_TASKSTATUS):not(.collectivecheck), .invoicehours_home .favoritesTable tbody tr:hover td:not(.editicon){
    background-color: #FF5722 !important;
    background-color: var(--timewriting-color, #FF5722) !important;
    color: #fff !important;
    cursor: pointer !important;
}
.timepage .orders, .timepage .other, .timepage .courses, .timepage .accounts, .timepage .totaldayhours{
    border-collapse: collapse;
    float: left;
    width: 100%;
}
.timepage .other, .timepage .courses, .timepage .accounts{
	margin-top: 15px;
}
.timepage .timewriting-header .ui-datepicker-trigger{
    display: none;
}
.timepage .orders tbody tr #orderOms, .timepage .other tbody tr #artOms, .timepage .courses tbody tr #eventOms, .timepage .totaldayhours tbody tr #hourOms{
	padding: 5px;
	cursor: pointer;
	min-width: 232px;
}
.timepage .orders tbody tr.planned-item #orderOms, .timepage .other tbody tr.planned-item #artOms, .timepage .courses tbody tr.planned-item #eventOms{
	cursor: default !important;
	background-color: #556269 !important;
	color: #fff !important;
}
.timepage .orders thead tr #orderOms, .timepage .other tr #artOms, .timepage .courses tr #eventOms, .timepage .totaldayhours tr #hourOms{
    padding-left: 3px;
}
.timepage .orders td:not(#orderOms), .timepage .other td:not(#artOms), .timepage .courses td:not(#eventOms){
    width: 50px;
    text-align: center;
    border: 1px solid #666;
    height: 22px;
	background-color: #fff;
}
.timepage .totaldayhours{
    margin-top: 25px;
}
.timepage .totaldayhours tbody tr td{
	border-top: 1px solid #666 !important;
	padding-top: 8px;
}
.timepage .totaldayhours #hourOms{
    font-weight: bold;    
}
.timepage .totaldayhours td:not(#hourOms){
    width: 50px;
    text-align: center;
    border: 1px solid transparent;
    height: 22px;
	min-width: 48px;
}
.timepage .orderrows-results .dataTables_wrapper .dataTables_info{
    padding-top: 10px !important;
}
.timepage .other tbody tr:not(.other-oms):nth-child(4n+1), .timepage .courses tbody tr:not(.event-oms):nth-child(4n+1) #eventOms, .timepage .accounts tbody tr:not(.account-oms):nth-child(4n+1) #accountOms, .timepage .orders tbody tr:not(.order-oms):nth-child(4n+1) #orderOms{
	background-color: #e8e7e7;
}
.timepage .orderrows-results .paginate_button.previous, .timepage .orderrows-results .paginate_button.next, .timepage .orderrows-results .paginate_button.first, .timepage .orderrows-results .paginate_button.last{
    background-size: 14px !important;
    height: 27px !important;
    width: 27px !important;
}
.timepage table tbody tr td input[type=number]:not(.km), .timepage .totaldayhours td input[type=number]{
    border: 0;
    width: 48px;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 100%;
}
.timepage .depDetailsSection{
    margin-left: -10px !important;
    margin-top: 16px;
	min-width: 470px;
	width: 40% !important;
}
.timepage .timewriting-header{
	float: left;
    width: 100%;
}
.timepage table thead tr th div.dat{
    font-size: 13px;
    font-weight: normal;
    padding: 2px 0;
    width: 100%;
}
.timepage table thead tr th > div:first-child{
    font-weight: bold;
    padding: 3px 0;
}
.timepage .orderHeadLabel, .timepage .courseHeadLabel, .timepage .accountHeadLabel, .timepage .indirecthoursHeadLabel{
    width: 150px;
    text-align: left;
    float: left;
}
.timepage .orderHeadAddBtn, .timepage .courseHeadAddBtn, .timepage .accountHeadAddBtn, .timepage .indirecthoursHeadAddBtn{
    float: left;
    width: 90px;
}
.timepage .orderHeadAddBtn input, .timepage .courseHeadAddBtn input, .timepage .accountHeadAddBtn input, .timepage .indirecthoursHeadAddBtn input,
.timepage tbody tr td.actions input.edit_btn, .timepage tbody tr td.actions input.del_btn{
    width: 24px;
    height: 24px;
    border: 0px;
    cursor: pointer;
    background-color: #2a353b;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	float: left;
	padding: 0;
	margin: 0;
}
.timepage .orderHeadAddBtn input, .timepage .courseHeadAddBtn input, .timepage .accountHeadAddBtn input, .timepage .indirecthoursHeadAddBtn input{
    background-size: 16px;
    background-image: url(../images/action/add.svg);
    margin-right: 18px;
}
.timepage table tbody tr td.actions input.edit_btn {
	background-size: 16px;
    background-image: url(../images/action/edit.svg);
    margin-left: 4px;	
}
.timepage table tbody tr td.actions input.del_btn {
    background-size: 12px;
    background-color: #cc384e;
    background-image: url(../images/action/cancel.svg);
    margin-left: 4px;
}
.timepage .canceladdtimerow{
	background-color: #cc384e;
	background-image: url(../images/action/cancel.svg);
	background-position: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    cursor: pointer;
    right: 0;
    background-size: 10px;
    width: 22px;
    height: 22px;
    border: 0;
    float: right;
    background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.timepage tr.other-desc td:last-child, .timepage tr.account-desc td:last-child, .timepage tr.event-desc td:last-child, .timepage tr.order-desc td:last-child,
.timepage tr.other-oms td:last-child, .timepage tr.account-oms td:last-child, .timepage tr.event-oms td:last-child, .timepage tr.order-oms td:last-child{
	border: 0 !important;
}
.timepage tbody tr.actions input.del_btn{
    float: right !important;
}
.timepage tbody tr.actions input.km {
    background-size: 18px;
    background-image: url(../images/action/car.svg);
    margin-right: 20px;
}

.timepage .orders tbody tr td.actions, .timepage .orders thead tr th.actions, .timepage .courses tbody tr td.actions, .timepage .courses thead tr th.actions, .timepage .accounts tbody tr td.actions, .timepage .accounts thead tr th.actions, 
.timepage .other tbody tr td.actions, .timepage .other thead tr th.actions, table.totaldayhours tbody tr td.actions{
    border: 0 !important;
    width: 85px !important;
} 
.timepage .totaldayhours tbody tr td.act{
    width: 85px !important;
}
.timepage table th tr.actions{
    border: 0 !important;
    width: 84px !important;
    background-color: #fff !important;
}

.timepage .add-orders-row .first, .timepage .add-courses-row .first, .timepage .add-accounts-row .first, .timepage .add-indirecthours-row .first, .approvehours-section .first, .invoicehours-section .first{
    width: 155px;
    float: left;
    font-weight: bold;
	margin-top: 5px;
}
.timepage .add-orders-row .first{
	margin-top: 0 !important;
}
.timepage .add-orders-row .second, .timepage .add-courses-row .second, .timepage .add-accounts-row .second, .timepage .add-indirecthours-row .second, .approvehours-section .second, .invoicehours-section .second{
    width: calc(100% - 160px);
    float: left;
}

.timepage .orders-add-div, .timepage .courses-add-div, .timepage .accounts-add-div, .timepage .indirecthours-add-div{
    width: 100%;
    padding: 10px;
    float: left;
    background-color: #e8e7e7;
    margin-top: 20px;
    border-radius: 10px;
    display: none;
    border: 1px solid #b5b5b5;
}
.timepage .add-indirecthours-row .second{
    width: 300px !important;
}
.timepage .orders-add-div{
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}
.timepage .orders-add-div h2, .timepage .courses-add-div h2, .timepage .accounts-add-div h2, .timepage .indirecthours-add-div h2{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 22px;
}
.timepage .add-orders-row, .timepage .add-courses-row, .timepage .add-accounts-row, .timepage .add-indirecthours-row{
    width: 35%;
    float: left;
    min-width:  400px;
}
.timepage:not(.custDiv) #resource-typeahead .first{
    width: 170px !important;
}
.timepage:not(.custDiv) #resource-typeahead .second{
    width: 280px !important;
}
.timepage .orderrows-results, .timepage .courses-results{
    width: calc(64% - 30px);
    margin-left: 1%;
    float: left;
    margin-right: 30px;
}
.timepage .orderrows-results table, .timepage .courses-results table{
    width: 100%;
    float: left;
    border-collapse: collapse;
}

.timewriting_home .timepage .orderHeadAddBtn input:hover, .timewriting_home .timepage .courseHeadAddBtn input:hover, .timewriting_home .timepage .accountHeadAddBtn input:hover, .timewriting_home .timepage .indirecthoursHeadAddBtn input:hover,
.timewriting_home .timepage .orders tbody tr input.editorder:hover, .timewriting_home .timepage .accounts tbody tr input.editaccount:hover, .timewriting_home .timepage .courses tbody tr input.editcourse:hover, .timewriting_home .timepage .other tbody tr input.editother:hover,
.timewriting_home .timepage input.deletetimerow:hover, .timewriting_home .timepage input.canceladdtimerow:hover, .timewriting_home .timepage table thead th.today{
    background-color: #FF5722 !important;
    background-color: var(--timewriting-color, #FF5722) !important;
}
.timepage table:not(.search-orderrows-table):not(.search-courses-table):not(.myTable) thead tr th:not(:first-child):not(.actions):not(:last-child){
    background-color: #e8e7e7;
    border-radius: 12px 12px 0 0;
    border-right: 1px solid #fff;
	width: 50px;
}
.timewriting_home .timepage table thead th.today{
    color: #fff !important;
}
.timepage .depDetails h2{
    margin-top: 8px;
}
.block_timewriting .timewritingtotals{
	float: right;
}
.block_timewriting .dataTables_filter{
	right: 414px !important;
}

.homepage-overlay{
    width: 100%;
    display: none;
    background-color: rgba(0,0,0,0.8);
	cursor: pointer;
    top: 0;
    height: 100%;
    position: fixed;
    z-index: 6;
}
.blocks-holder{
    top: 33%;
    position: absolute;
    margin: 30px auto;
    left: 0;
    right: 0;
	z-index: 66666666;
	display: none;
	margin-bottom: 0;
	cursor: pointer;
}
.blocks-holder > div {
    margin: 55px auto;
    max-width: 660px;
    height: 135px;
    display: flex;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;
    justify-content: center;
	margin-bottom: 0;
}
.blocks-holder input {
    font-size: 0.95em !important;
    width: 125px;
    height: 125px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px;
    margin: 5px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 76px 0 0 0;
    background-clip: padding-box;
    background-position: center 12px;
    background-repeat: no-repeat;
    background-size: 63px;
	word-break: break-word;
	white-space: normal;
    cursor: pointer;
}

.course-blocks-holder input{
    background-color: #2B6190;
    background-color: var(--courses-color, #2B6190);
}
.course-blocks-holder .courses{
    background-image: url(../images/action/courses.svg) !important;
    background-size: 75px !important;
    background-position: center 6px !important;
}
.course-blocks-holder .courses_default{
    background-image: url(../images/action/course-default.svg) !important;
    background-size: 65px !important;
    background-position: center 10px !important;
}
.course-blocks-holder .course_attendees{
    background-image: url(../images/action/registration.svg) !important;
    background-size: 66px !important;
    background-position: 37px 13px !important;
}
.course-blocks-holder .course_webregs{
    background-image: url(../images/action/webreg.svg) !important;
    background-size: 64px !important;
    background-position: 30px 13px !important;
}
.course-blocks-holder .coaches{
    background-image: url(../images/action/coach.svg) !important;
    background-size: 64px !important;
    background-position: center 13px !important;
}
.course-blocks-holder .resources{
    background-image: url(../images/action/resources.svg) !important;
    background-size: 64px !important;
    background-position: center 18px !important;
}
.course-blocks-holder .courses_agenda{
    background-image: url(../images/action/calendar.svg) !important;
    background-size: 64px !important;
    background-position: center 13px !important;
}
.admin-blocks-holder input{
	background-color: #868871;
    background-color: var(--admin-color, #868871);
}
.timewriting-blocks-holder input{
	background-color: #FF5722;
    background-color: var(--timewriting-color, #FF5722);
}
.timewriting-blocks-holder .timewriting{
    background-image: url(../images/action/timewriting.svg) !important;
    background-size: 64px !important;
    background-position: center 15px !important;
}
.timewriting-blocks-holder .approvehours{
    background-image: url(../images/action/approve.svg) !important;
    background-size: 60px !important;
    background-position: center 15px !important;
}
.timewriting-blocks-holder .invoicehours{
    background-image: url(../images/action/coins.svg) !important;
    background-size: 69px !important;
    background-position: 26px 11px !important;
}

.coursesagenda-page .print_action, .coursesagenda-page .all_action {
    width: 74px !important;
}
.coursesagenda-page .all_action input {
    margin-right: 16px !important;
    background-image: url(../images/action/list.svg) !important;
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.coursesagenda-page .action_menu {
    position: absolute !important;
    right: 350px !important;
    margin-top: 14px !important;
}
.coursesagenda-page table.calendar, .coursesagenda-page table.agendaTable {
    width: 100%;
    float: left;
    border-collapse: separate;
    border-spacing: 0 8px;
}
.myTable.agendaTable .modTable {
    margin-top: 10px;
}
.myTable.agendaTable .modTable thead, .myTable.agendaTable .modTable thead tr:not(.selected_row), .myTable.agendaTable .modTable tbody tr {
    background: none !important;
    border: 0 !important;
}

.myTable:not(.isLoading) tbody tr:not(.detail_row) td:not(.ins-row) {
    cursor: pointer;
}
.coursesagenda-page .calendar > tbody > tr > td:first-child, .coursesagenda-page .agendaTable > tbody > tr > td:first-child {
    border-left: 1px solid var(--courses-color, #2B6190) !important;
    border-left: 1px solid #2B6190 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.myTable tbody tr:not(.detail_row) td:not(.ins-row) {
    padding: 0 6px 0 6px;
    vertical-align: middle;
    font-size: 0.93em;
}
.selected-filtertable .myTable tbody tr:not(.detail_row) td:not(.ins-row){
	font-size: 0.95em !important;
}

.myTable.agendaTable tbody tr td {
    vertical-align: top !important;
}
.coursesagenda-page .calendar > tbody > tr > td, .coursesagenda-page .agendaTable > tbody > tr > td {
    border-top: 1px solid var(--courses-color, #2B6190) !important;
    border-top: 1px solid #2B6190 !important;
    border-bottom: 1px solid var(--courses-color, #2B6190) !important;
    border-bottom: 1px solid #2B6190 !important;
    padding: 10px !important;
}
.coursesagenda-page .calendar > tbody > tr > td:last-child, .coursesagenda-page .agendaTable > tbody > tr > td:last-child{
    border-right: 1px solid var(--courses-color, #2B6190) !important;
    border-right: 1px solid #2B6190 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
body.coursesagenda-page .all_action > div{
	width: 83%;
}
.coursesagenda-page .calendar > tbody > tr.row_selected, .coursesagenda-page .calendar > tbody > tr:not(.added_row):hover,
.coursesagenda-page .agendaTable > tbody > tr.row_selected, .coursesagenda-page .agendaTable > tbody > tr:not(.added_row):hover{
	background-color: var(--courses-color, #2B6190) !important;
	background-color: #2B6190 !important;
}
.coursesagenda-page .calendar > tbody > tr.added_row:hover{
	color: #111 !important;
	cursor: default;
}
.coursesagenda-page .calendar > tbody > tr.added_row strong{
	float: left;
    margin-bottom: 2px;
}
.coursesagenda-page .calendar tr.added_row{
	background-color: #fff !important;
	pointer-events: auto !important;
}
.coursesagenda-page .modules_table{
	margin-top: 20px !important;
	margin-left: -1px;
	float: left;
	border-collapse: separate !important;
}
.coursesagenda-page .modules_table .lowrow{
	height: 20px !important;
	cursor: pointer;
}
.coursesagenda-page .modules_table thead th{
	padding: 0 1px !important;
}
.coursesagenda-page .modules_table tbody tr.lowrow td{
	padding: 0px 2px !important;
	margin: 0 !important;
}
.coursesagenda-page .modules_table tbody tr, .coursesagenda-page .modules_table tbody tr:hover{
	background-color: transparent !important;
	border: 0 !important;
}
.myTable.agendaTable tbody tr td.D_DESCR strong{
	margin-bottom: 7px;
    float: left;
    width: 100%;
}
.myTable.agendaTable tbody tr td{
	vertical-align: top !important;
}
.myTable.agendaTable .modTable{
	margin-top: 10px;
}
.myTable.agendaTable .myTable:not(.agenda_attendees) thead th, .myTable.agendaTable .modTable thead th, .myTable.agendaTable .modTable tbody td{
	padding-left: 0px !important;	
}
.myTable.agendaTable > tbody > tr:not(.added_row):not(.row_selected):not(.cancelled), .calendar-events .added_row .module-attendees .agenda_attendees thead tr th{
	background-color: #e8e8e8 !important;
}
.myTable.agendaTable > tbody > tr.added_row, .myTable.agendaTable > tbody > tr.added_row:hover, .myTable.agendaTable > tbody > tr.added_row td,
.calendar-events .added_row .module-attendees .agenda_attendees thead tr{
	background-color: #fff !important;	
	color: #2a353b !important;
	cursor: default !important;
}
.myTable.agendaTable > tbody > tr.added_row:hover, .myTable.agendaTable > tbody > tr.added_row:hover td, .calendar-events .added_row .module-attendees .agenda_attendees thead tr th{
	cursor: default !important;
}
.calendar-events .added_row .module-attendees .agenda_attendees thead tr th{
	color: #2a353b !important;
}
.myTable.agendaTable .modTable thead, .myTable.agendaTable .modTable thead tr:not(.selected_row), .myTable.agendaTable .modTable tbody tr{
	background: none !important;
	border: 0 !important;
}
.myTable.agendaTable .modTable tbody tr{
	height: 20px !important;
}
.myTable.agendaTable .modTable tbody tr td{
	font-size: 1em !important;
}
.myTable.agendaTable .modTable tbody tr td:not(.MODDESCR):not(.MODTYPEDESC){
	width: 60px;
}
.myTable.agendaTable .modTable .MODULEID{
	display: none;
}
.myTable.agendaTable .modTable tbody tr td.MODTYPEDESC{
	width: 20%;
}
.myTable.agendaTable .modTable tbody tr td.MODDESCR{
	width: calc(80% - 280px);
}
.myTable.agendaTable .modTable thead th{
	padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.agendaCoachesTable h2{
	margin-top: 6px !important;
	cursor: pointer;
}
.agendaCoachesTable th{
	padding-left: 0 !important;
	background-position: left 0px top 23px !important;
}
.agendaCoachesTable tbody tr{
	height: 26px !important;
}
.agendaCoachesTable tbody tr.busy, .myTable.agendaTable > tbody > tr.cancelled{
	background-color: #c73c32 !important;
	color: #fff !important;
}
.progress-cirkel{
	height: 40px;
}
.calendar-events .added_row .module-attendees{
	display: grid !important;
	float: none !important;
	width: auto !important;
	cursor: default !important;
	background-color: #ffffff;
}

.small{
    width: 75px !important;
}
.coursequant{
    float: right;
    margin-right: -17px;
}
.coursequant .first{
    min-width: 100px;
}
.coursequant .second{
    width: 92px !important;
}
.coursequant.fact{
    margin-top: -30px;
}
.small-course-menu-div, .small-admin-menu-div, .small-timewriting-menu-div, .small-actions-menu-div{
	top: 15% !important;
}
.small-homepage-overlay{
	top: 0;
    height: 100%;
	width: 100%;
    position: fixed;
	z-index: 2;
}

.small-icons {
	position: relative;
	display: block;
	float: right;
	margin-left: 10px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	text-indent: -999999px;
	cursor: pointer;
}
.small-icons.small-icons-next {
	background-position: -23px -1px;
}
.small-icons.small-icons-close {
	background-position: -143px -1px;
}
.small-icons.small-icons-plus {
	background-position: -47px -1px;
}
.small-icons.small-icons-min {
	background-position: -71px -1px;
}
.small-icons.small-icons-edit {
	background-position: -96px -1px;
}
.small-icons.small-icons-pin {
	background-position: -120px -1px;
}
.row .small-icons {
	margin-top: 10px;
}
.modal {
	position: absolute;
	bottom: 95px;
	right: 20px;
	width: 50%;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 200;
	border: 1px solid #2a353b;
}
.modal header {
	background-color: #f9f9fa;
}
.modal header h1 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.modal header h1 small {
	font-weight: normal;
}
.modal .entry {
	padding: 10px 15px;
}

#example_paginate{
	padding-top: 0px;
	margin-top: 0px;
}

.fixed_footer{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2a353b;
	height: 70px;
	z-index: 999 !important;
	padding-top: 0px;
	width: 100%;
	border-top: 2px solid #fff;
}
#footer .footer-icon{
	margin-top: 8px;
	width: 39px;
	height: 39px;
	font-size: 0;
	border: 0px;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	background-color: transparent;
	background-size: 43px;
    background-repeat: no-repeat;
    background-position: center !important;
	display: initial;
}
#footer .footer-icon.home {
	background-image: url(../images/action/home.svg);
	background-size: 27px;
    background-repeat: no-repeat;
	border: 2px solid #fff;
}

.footer_menu .footer-icon.menu {
	background-image: url(../images/action/hamburger.svg);
	background-size: 26px;
    background-repeat: no-repeat;
	border: 3px solid #fff;
	width: 39px;
	height: 39px;
	background-color: transparent;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-position: center;
}

#footer .footer-icon.edit, #footer .footer-icon.add{
    width: 39px;
    height: 39px;
    background-size: 45px;
}

#footer .footer-icon.back {
	background-image: url('../images/action/footer_back.svg');
	background-size: 42px;
    background-repeat: no-repeat;
}

#footer .footer-icon.edit {
	background-image: url('../images/action/footer_edit.svg');
}
#footer .footer-icon.add {
	background-image: url('../images/action/footer_add.svg');
}
#footer .footer-icon.options {
	background-image: url('../images/action/hamburger.svg');
}
.footer-icon.help {
	background-image: url('../images/action/footer_help.svg');
    background-size: 41px;
    width: 39px;
    height: 39px;
    background-color: transparent;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-position: center;
    cursor: pointer;
}
.footer-icon.favorite {
	background-image: url('../images/action/star.svg');
    background-size: 25px;
	background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-position: left 4px top 3px;
    cursor: pointer;
}
.footer_help{
    width: 42px !important;
    float: right !important;
    margin-top: 8px;
	margin-right: 2%;
}
.footer_menu{
	width: 42px !important;
    float: right !important;
	margin-top: 8px;
	margin-left: 1%;
    margin-right: 2%;
}
.footer_favorite{
    width: 56px !important;
    float: right !important;
    margin-top: 8px;
	margin-right: 3%;
	cursor: pointer;
}
.favorite_text, .help_text, .menu_text{
    width: 100%;
	margin-top: 0px !important;
}
.normal{
	font-weight: normal !important;
}

.dataTables_wrapper .dataTables_info{
	clear: both;
	float: left;
	margin-top: 5px;
	margin-left: 8px;
	font-weight: bold;
}
.details_container .dataTables_info{
    display: none;
    position: absolute;
    right: 90px;
	padding-top: 0 !important;
    margin-top: 10px;
    font-weight: bold;
    font-size: 0.9em;
    font-size: 0.9em;
	width: 128px;
    text-align: center;
    margin-right: -4px;
}
.dataTables_wrapper .dataTables_paginat{
	float: right;
	text-align: right;
	padding-top: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	border: 1px solid transparent;
}

.paginate_button.previous, .paginate_button.next, .paginate_button.first, .paginate_button.last, .calltype-search-btn{
	background-repeat: no-repeat;
	outline: 0;
	background-color: #2a353b;
    background-size: 16px;
    height: 33px !important;
    width: 33px !important;
	border-radius: 50%;
	cursor: pointer;
	border: 0;
}
.details_container .paginate_button.previous{
    margin-right: 140px !important;
}
.paginate_button.first{
	background-image: url(../images/action/open-filter-arrow.svg);
    background-repeat: no-repeat;
	margin-right: 8px !important;
	background-position: center;
}
.paginate_button.last{
	background-image: url(../images/action/collapse-filter-arrow.svg);
    background-repeat: no-repeat;
	margin-left: 8px !important;
	background-position: center;
}
.dataTables_paginate span{
	display: none;
}
.paginate_button.previous, .single_paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous{
	background-position: center;
	margin-right: 15px;
    background-image: url('../images/action/white-arrow-left.svg');
    background-repeat: no-repeat;
}
.paginate_button.next, .single_paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next, .collapse-icon{
	background-position: center;
    background-image: url('../images/action/white-arrow-right.svg');
    background-repeat: no-repeat;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.first, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.last{
	visibility: hidden;
}

.approvehours-section .week-field .previous, .invoicehours-section .week-field .previous{
	margin-left: 8px !important;
    margin-right: 12px !important;
	float: left;
}
.approvehours-section .week-field .next, .invoicehours-section .week-field .next{
	float: left;
	margin-right: 10px;
}
h2.inActiveHeading{
	background-color:gray;
	opacity:0.3;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	user-select:none;
    -webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
	cursor:auto;
}

.typeahead-image{
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
.selectedFooter {
	border-bottom:10px;
	background-color:#6CA237;
	background-color:var(--accounts-color, #6CA237);
}

.leftest{
	margin-bottom: 70px;
}

.edit-form-control{
	width: 90%;
  	margin: 5px 0 10px 5px;
  	padding: 8px 0 8px 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dateInList{
	width: 90%;
  	float: left;
  	margin: 0 0 10px 0;
  	padding: 8px 0 8px 12px;
}

#fieldDropDown {
	position: absolute;
	min-height: 30px;
	max-height: 200px;
	display: none;
	z-index: 102;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #ccc;
	background: #fff;
}
#fieldDropDown.active {
	display: block;
}
#fieldDropDown ul {
	list-style: none;
	background: #fff;
	margin: 0;
	padding: 0;
	
}
#fieldDropDown li {
	color: #000;
	clear: both;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	
}
#fieldDropDown li.active{
	background: #ccc;
}

.visible{
	display: block;
	color: #2a353b;
	float: left;
	padding-top: 10px;
}

.ui-page { 
	-webkit-backface-visibility: hidden; 
}

#slider.slideout-menu a.dash-icons {
	font-size: 12px;
}

.menuContent2{
	margin: 20px 36px 20% 36px;
}

#leftside {
	float: left;
	width: 138px;
}
#rightside {
	float: left;
	width: calc(100% - 138px);
}

#columns {
	float: left;
	width: 100%;
}

#popup {
	position: absolute;
	width: calc(65% - 138px);
	min-width: 447px;
	background-color: #ffffff;
	border: 1px solid #6564a1;
}

#header-home {
	padding: 17px 0px 18px 0px;
	background-color: #4c575f;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#header-home #header-image {
	height: 351px;
	background-image: url('../images/header-image-home.jpg');
    background-repeat: no-repeat;
	background-size: cover;
}

#content-home {
    margin: 107px auto;
    text-align: center;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 8px;
	margin-bottom: 0;
	display: flex;
}

.change-login{
    float: left;
	height: 93px !important;
    height: 30px !important;
}

#footer-home {
	margin: 27px 0px 35px 0px;
}
#footer-home #crm {
	position: absolute;
	left: calc(50% - 48px);
	display: block;
	padding-bottom: 20px;
}

.table {
	display: table;
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
}

.login-spacer {
	padding-bottom: 25px;
}    

.side-icons-position {
	margin: 35px 0px 0px 0px;
}

.home-icon-container {
	display: inline-block;
	width: 115px;
	height: 115px;
	margin: 0px 14px 25px 14px;
	border-radius: 9px;
	-webkit-border-radius: 9px; 
	-moz-border-radius: 9px; 
}

.home-icon-image {
	position: absolute;
	width: 115px;
	height: 115px;
}

.home-icon-text {
	position: relative;
	top: 88px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
}

.home-icon-container-responsive {
	display: inline-block;
	width: 86px;
	height: 86px;
	margin: 0px 10px 25px 10px;
	border-radius: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
}

.home-icon-image-responsive {
	position: absolute;
	width: 86px;
	height: 86px;
}

.home-icon-text-responsive {
	position: relative;
	top: 65px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
}

.side-icon-container {
	display: inline-block;
	width: 62px;
	height: 62px;
	margin: 0px 39px 3px 38px;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
}

.side-icon-image {
	position: absolute;
	width: 62px;
	height: 62px;
}

.side-icon-text {
	position: relative;
	top: 47px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
}

.small-icon-container {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-color: #2a353b;
	margin: 0px 0px 0px 14px;
	border-radius: 11px;
	-webkit-border-radius: 11px; 
	-moz-border-radius: 11px; 
}

.small-icon-image {
	position: relative;
	top: -1px;
	width: 22px;
	height: 22px;
}
 
.small-icons-responsive {
	display: none;
}

.screen-type {
	font-size: 31px;
	font-weight: bold;
	color: #ffffff;  
	letter-spacing: 3px;
	text-transform: uppercase;
}

.user {
	padding: 5px 15px 5px 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border: 2px solid #fff;
}

.column-contactperson-header { 
	width: 35%;
	border-left: 1px solid #d4d9dd;
	padding: 0px 12px 0px 12px;
}

.column-contactperson-footer {
	width: 35%;
	border-left: 1px solid #d4d9dd;
	padding: 0px 12px 23px 12px;
}
 
.column-contactperson {
	width: 35%;
	border-left: 1px solid #d4d9dd;
	padding: 4px 12px 10px 12px;
}

.activity_details, .activity_details form, .memo_details, .callnote_details, .order_details, .quotation_details, .histquotation_details {
	width: 100%;
    float: left;
}
.htmleditor_dsp{
    width: 98%;
    float: left;
    margin-left: 10px;
}
.email_editor .htmleditor_dsp{
	margin-left: 0 !important;
	width: 99% !important;	
}
.htmleditor_dsp .disabled_fieldset{
    right: 5% !important;
}
.column-organisation {
	width: 20%;
	border-left: 1px solid #d4d9dd;
	border-right: 1px solid #d4d9dd;
	padding: 0px 12px 0px 12px;
}

.column-files {
	width: 45%;
	border-left: 1px solid #d4d9dd;
	padding: 0px 12px 0px 12px;
}

.column-agenda {
	width: 20%;
	border-left: 1px solid #d4d9dd;
	border-right: 1px solid #d4d9dd;
	padding: 0px 12px 0px 12px;
}

.column-empty {
	width: 45%;
}

.heading {
	margin-bottom: 11px;
}

.subheading {
	margin-top: 21px;
	margin-bottom: 7px;
}

.small-header {
	padding: 0px 4px 0px 4px;
	background-color: #2a353b;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.small-header-grayout {
	padding: 0px 4px 0px 4px;
	background-color: #bcb9d9;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.logo-contactperson-container {
	width: 116px;
	padding: 0px 10px 0px 0px;
	vertical-align: middle;
	text-align: center;
}

.logo-contactperson {
	width: 111px;
	height: 73px;
	border-radius: 15px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	background-color: #ffffff;
	vertical-align: middle;
}

.photo-contactperson, .name-organisation {
	display: none;
}

.name-contactperson, .merge-div .target-address {
	font-weight: bold;
}

.data-contactperson {
	color: #303880;
	font-size: 14px;
	line-height: 17px;
}

.data {
	color: #6f7889;
	font-size: 14px;
	line-height: 21px;
}  

.colored-cell {
	background-color: #f9f9fa;
}

.colored-cell-single {
	background-color: #f9f9fa;
	margin-top: -4px;
	padding-top: 4px;
	margin-right: -12px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: -12px;
	padding-left: 10px;
}

.full-height {
	height: 563px;
}

.file-list {
	margin: 0;
	padding: 0px 12px 0px 12px;
	line-height: 16px;
}

.icon-phone {
	position: relative;
	margin-top: -17px;
	top: 5px;
	padding: 7px 12px 0px 0px;
	width: 22px;
	height: 24px;
}

.icon-phone-organisation {
	position: absolute;
	padding: 5px 12px 0px 0px;
	width: 22px;
	height: 24px;
}

.icon-mail {
	position: relative;
	margin-top: -3px;
	top: 9px;
	padding: 6px 12px 0px 0px;
	width: 22px;
	height: 24px;
}

.indent-phone {
	padding: 0px 0px 0px 33px;
}

.popup-heading {
	padding: 8px 13px 8px 18px;
	margin-bottom: 7px;
	background-color: #f4f3f9;
}

.popup-content {
	padding: 0px 13px 12px 18px;
}

.data-popup {
	color: #303880;
	font-size: 14px;
	line-height: 17px;
}

.relative {
	position: relative;
}
.whole-width {
	width: 100%;
}
.bold {
	font-weight: bold;
}
.right {
	float: right;
}                 
.orange {
	background-color: #f07d00;
}
.lightgreen {
	background-color: #6CA237;
	background-color: var(--accounts-color, #6CA237);
}
.lightblue {
	background-color: #008bd3;
}
.purple {
	background-color: #80539e;
}
.brown {
	background-color: #b19900;
}
.red {
	background-color: #e40522;
}
.green{
	background-color: #6CA237;
	background-color: var(--accounts-color, #6CA237);
}
.navy {
	background-color: #2C9BCE;
	background-color: var(--persons-color, #2C9BCE);
}
.blue {
	background-color: #005da9;
}
.pink {
	background-color: #cb4e92;
}
.yellow {
	background-color: #f4bc00;
}
.rosybrown {
	background-color: #b37d83;
}

.form-control.mail_input.add_mail, .form-control.mail_input.add_cc_mail, .form-control.mail_input.add_bcc_mail{
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    max-height: 150px;
    padding-top: 7px !important;
    padding-bottom: 2px !important;
}
.form-control.mail_input div{
    height: 19px;
}
#mailOverlay{
	background-color: #fff;
    z-index: 10000;
	color: #2a353b;
}
#mailOverlay h2{
	margin-bottom: 30px;
	width: 166px;
}
#mailFirstDiv input[type=text], #mailFirstDiv select, #mailFirstDiv textarea{
	color: #111;
    font-size: 0.9em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 19px;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}
#mailFirstDiv h2{
	color: #2a353b;
	font-family: 'Calibri', Fallback, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

#mailFirstDiv input[type=text]:focus, #mailFirstDiv textarea:focus, #mailSecondDiv select:focus{
	box-shadow: 0 0 10px #ddd;
	outline: 0;
}
#mailFirstDiv iframe {
	height: 270px;
	width: 96%;
	resize: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 0px !important;
	margin-top: 15px;
	max-width: 480px;
}
#mailFirstDiv table {
	width: 100%;
}
#mailSecondDiv{
	width: calc(100% - 540px);
}
#mailSecondDiv table.mailoptions-table, #mailSecondDiv table.maildocuments-table, #mailSecondDiv table.mail-default-documents-table{
	width: 100% !important;
	float: left;
	border-collapse: collapse;
}
#mailSecondDiv .left-maildiv{
    width: 60%;
    float: left;
    margin-bottom: 10px;
}
.left-maildiv > table:not(.mailoptions-table){
	width: 95%;
}
.maildocuments-table input, .maildocuments-table div, .mail-default-documents-table input, .mail-default-documents-table div{
	float: left;
}
.maildocuments-table td, .mail-default-documents-table td{
	padding: 4px 0px;
}
.maildocuments-table div, .mail-default-documents-table div{
	font-size: 0.95em;
    padding-top: 3px;
    padding-left: 4px;
	width: calc(100% - 30px);
}
.maildocuments-parent, .mail-default-documents-parent{
	width: 100%;
    float: left;
}
.email-documents{
	width: 40%;
    float: left;
    min-width: 196px;
}
.maildocuments-div{
    width: 100%;
    float: left;
    height: 150px;
    overflow-y: auto;
	margin-top: 6px;
}
.mail-default-documents-parent .maildocuments-div{
    height: auto !important;
    margin-bottom: 20px !important;
	max-height: 150px;
}
.maildocuments-table, .mail-default-documents-table{
	margin-top: 5px;
	width: 100%;
	border-collapse: collapse;
}

#mailSecondDiv select{
	cursor: pointer;
}
#mailSecondDiv input{
    margin-bottom: 0px !important;
}
#mailSecondDiv .typeahead__list{
	margin-top: 30px !important;
}
.org_label:not(.empty_value):not(.edit), .pers_label:not(.empty_value):not(.edit), .course_label:not(.empty_value):not(.edit), .attendee_label:not(.empty_value):not(.edit), .opp_label:not(.empty_value):not(.edit), .suppl_label:not(.empty_value):not(.edit), .call_label:not(.empty_value):not(.edit){
	cursor: pointer !important;
}
.org_label:not(.empty_value):not(.edit):hover, .pers_label:not(.empty_value):not(.edit):hover, .course_label:not(.empty_value):not(.edit):hover, .attendee_label:not(.empty_value):not(.edit):hover, .opp_label:not(.empty_value):not(.edit):hover, .ord_label:not(.empty_value):not(.edit):hover, .suppl_label:not(.empty_value):not(.edit):hover, .call_label:not(.empty_value):not(.edit):hover, .person_search.delegate span.form-control:hover, .person_search.booker span.form-control:hover, .person_search.invoicee span.form-control:hover, .eventid_dmml14.course_search span.form-control:hover{
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
	box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
}

.table-content {
	width: 100%;
	float: left;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.filter-sidebar {
	width: 0px;
    float: right;
    position: relative;
    right: 0;
    height: 100%;
    background: #ffffff;
    top: -50px;
	display: none;
}
#article2 .filter-sidebar {
    top: -110px;
}

.mail_width{
	width: 100px;
}
.mail_overlay{
    z-index: 940;
    width: 100%;
    background: white;
	display: none;
	float: right;
}

.action_menu{
	display: table;
    float: right;
	height: 55px;
	margin-right: 2%;
}
.action_menu div, .new-old-attr label{
    float: right;
    font-weight: bold;
    font-size: 12px;
	color: #2a353b;
}
.filterdate{
	display: none;
}

.action0, .action1, .action2, .action3, .action4, .action5, .action6, .action7, .print_report_action, .reject_action, .promote_action, .new-old-attr, .favorite_action, .action2.merge{
	text-align: center;
	width: 75px;
}
.address-menu .action2.merge{
	width: 96px !important;
}
.address-menu .action_merge{
	margin-left: 26px !important;
}
.mutations_action{
	text-align: center;
	width: 84px;
}
.reject_action, .action2.agen{
	margin-right: -6px;
}
.action_saveback{
	text-align: center;
	width: 92px;
}
.action_saveback .action_save{
	background-image: url(../images/action/save_back.png) !important;
}

.action_copyrole{ 
	width: 84px;
	padding-right: 4px;
}
.action_menu .upload_action input{
	margin-left: 23px !important;
}

.cancel_action{
	width: 82px;
}
.upload_action{
	width: 86px;
}
.action_menu .copy_action, .action_menu .printer_action{
	width: 90px !important;
}
.action_menu .copy_action input, .action_menu .printer_action input{
    margin-left: 23px !important;
}

.copy_role_add{
	float: left;
    width: 100%;
	margin-bottom: 0px;
}
.copy_contact_radio, .task_data_radio{
    margin-bottom: 26px;
    margin-top: 10px;
    float: left;
    width: 100%;
}
.task_data_radio{
	margin-bottom: 10px !important;
}

.copy_contact_radio label,.task_data_radio label, .copy_contact_radio input[type=radio], .task_data_radio input[type=radio]{
	cursor: pointer;
}
.copy_contact_radio input[type=radio], .task_data_radio input[type=radio] {
	width: 16px !important;
	height: 16px !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
}
.task_data_radio #useresult.task-radio {
	margin-left: 16px !important;
}

.copy_contact_radio .unifaceRadioInput,.copy_contact_radio .unifaceRadioLabel{
	padding-top: 10px !important;
}
.copy_role_add span.twitter-typeahead  .searchFieldPerson{
	width: 100% !important;
}

.copy_role_add span:not(.twitter-typeahead) .searchFieldPerson, .copy_role_add .twitter-typeahead {
	width: 67%;
}

.action_copy_role, .action_cancel{
    float: right !important;
    margin-right: 20px;
}
.action_copy_role, .action_saveback .action_save{
	margin-right: 24px !important;
}
.action_saveback .action_save{
	margin-left: 26px !important;
}
.action0 > div, .action1 > div, .action2 > div, .action3 > div, .action4 > div, .action5 > div, .action6 > div, .action7 > div, .print_report_action> div, .reject_action > div, .promote_action > div,
.action_saveback > div, .favorite_action > div, .mutations_action > div{
	width: 101%;
}

.send-mail-button, .hide_mail{
	float: left;
}
.send-mail-button > input{
	float: left;
}
.send-mail-button .action_button.planit, .email_editor .action_button.hide_mail{
	margin-left: 10px !important;
}
#registration-form-merge{
	width: 100%;
    float: left;
}
.hide_mail, .action_save, .action_delete, .action_mail, .action_merge, .action_kvk, .action_copy, .action_cancel, .action_move, .action_agenda, .action_reject, .action_promote, .action5.finishcall .action_finish{
	margin-left: 18px;
}
.new-old-attr{
	float: right;
	margin-right: 20px;
}
.action5 .action_finish{
    margin-left: 16px;
}
.action6.callsportal .action_portal, .action7.timebtn .action_timebtn{
    margin-left: 17px;
}
.in_portal{
    background-color: #11905A !important;
}
.pageDetails.call-documents, .pageDetails.call-right{
	margin-left: 15px;
}
.pageDetails.call-notes, .pageDetails.call-documents{
	margin-bottom: 50px;
}
.pageDetails.call-notes{
	margin-left: 15px;
	max-height: 1008px;
    overflow-y: auto;
}
.new-note .upload-div .progress-holder-file{
	position: absolute;
	width: 206px !important;
	margin-top: 38px !important;
	margin-left: 2px !important;
}
.new-note .upload-div .action_button.upload-file-btn, .left-maildiv .upload-div .action_button.upload-file-btn{
	float: left;
}
.notefiletable, .mailfiletable {
	font-size: 0.95em;
}
.notefiletable tr td.fname, .mailfiletable tr td.fname{
	cursor: default !important;
}
.notefiletable tr:not(:first-child) td, .mailfiletable tr:not(:first-child) td {
	border-top: 1px solid #ccc;
}
.mailfiletable tr td:first-child{
	word-break: break-all;
}
#notes-container section.two-third:not(.details-part){
	width: 96% !important;
}

#notes-container .documentsTable .docName {
	font-size: 0.95em !important;
    margin-left: 10px;
}
#notes-container .documentsTable tbody tr .docDownload, #notes-container .documentsTable tbody tr .docPreview {
	border: 0;
    width: 25px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
	background-color: #fff;
    cursor: pointer;
}
#notes-container .documentsTable tbody tr .docDownload {
   background-image: url(../images/action/download.svg);
}
#notes-container .documentsTable tbody tr .docPreview {
   background-image: url(../images/action/column-eye-dark.svg);
}
.notes-conversation table{
    width: 100%;
}

#notes-container .previewFilePopup, #previewEmbed{
	display: none;
}
.contactDetails.call .overlay-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	cursor: pointer;
	z-index: 8888889;
	-webkit-transform: translate3d(0,0,0);
	background: rgba(0,0,0,0.75);
}
.contactDetails.call .overlay-bg .overlay-image-container{
    opacity: 1;
    visibility: visible;
    position: fixed;
    overflow: auto;
    z-index: 100001;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    display: block;
}

.contactDetails.call .overlay-bg .overlay-image-container .popup_align{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.contactDetails.call .overlay-bg .overlay-image-container .overlay-image{
    opacity: 1;
    visibility: visible;
    display: inline-block;
    outline: 0;
    text-align: left;
    position: relative;
    vertical-align: middle;
}
.contactDetails.call .overlay-bg .overlay-image-container .overlay-image img{
    max-height: 92vh;
    max-width: 94vw;
}
.contactDetails.call .overlay-image embed{
	background-color: #fff;
	min-height: 400px;
	max-height: 80%;
	width: 100%;
}
.contactDetails.call .overlay-image-container .close-btn, .activity-featuretable .close-btn{
	background-image: url(../images/action/close.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	background-color: transparent !important;
	border: 0;
	min-width: 20px;
	height: 20px;
	cursor: pointer !important;
	top: 0;
    position: absolute;
    right: 0;
    width: 20px;
    margin: 10px;
}

.pageDetails.call-notes:not(.table){
    font-size: 1.1em !important;
}
.pageDetails.call-notes .myTable{
	width: calc(100% - 10px) !important;
}
.notes-textarea {
    border-radius: 9px;
    border: 1px solid #ccc;
    padding: 7px;
	width: calc(98% - 2px) !important;
    height: 80px !important;
    float: left;
    margin-bottom: 18px;
    background-color: #fff !important;
}
.expand_note_img{
    background-image: url(../images/action/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    width: 28px;
    height: 28px;
}
.opened .expand_note_img {
	transform: rotate(180deg) !important;
	-ms-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
	-o-transform: rotate(180deg) !important;
}
.time-right {
	float: right;
	color: #888;
	font-size: 0.8em !important;
}

.time-left {
	float: left;
	color: #777;
	font-size: 0.85em !important;
}
.notesblock .name-right {
	float: right;
 	font-size: 0.85em !important;
	border: 0;
	color: #777;
}
.notesblock .name-left, .call-div .sep{
	float: left;
	font-size: 0.85em !important;
	width: 100%;
	border: 0;
	color: #777;
}
.call-div .notesblock .name-left, .call-div .sep{
	width: auto !important;
} 
.call-div .notesblock .time-left, .call-div .sep {
	margin-left: 5px;
}
.notesblock {
	float: left;
	width: calc(100% - 30px);
	border: 2px solid #dedede;
	background-color: #f1f1f1;
	border-radius: 5px 20px;
	padding: 10px;
	margin: 10px 0;
	min-height: 100px;
}
.notesblock .notesblock-textarea, .new-note .notesblock-textarea{
    padding: 7px;
	width: calc(98% - 2px) !important;
    float: left;
    margin-bottom: 18px;
	resize: none;
	border: 0 !important;
	min-height: 40px;
	white-space: break-spaces;
}
.notes-showall{
	display: none;
	float: right;
	color: #777;
	font-size: 0.85em !important;
	padding-top: 10px;
    padding-bottom: 2px;
    margin-top: -10px;
}
.notes-showall:hover{
	text-decoration: underline;
	cursor: pointer;
}
.call-div .notesblock .notesblock-textarea{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.call-div .notes-conversation table table .documentsTable tbody tr td:first-child{
	width: calc(100% - 60px);
}
.call-div .notes-conversation table table .documentsTable tbody tr td:not(:first-child){
	width: 30px;
}
.call-div .notesblock{
	margin-bottom: 0px !important;
	max-height: 200px;
	overflow: auto;
}
.call-div .notesblock.darker{
	width: calc(100% - 60px);
}
.call-div .notesblock:not(.darker){
	margin-left: 25px;
	width: calc(100% - 55px);
}
.call-div .notesblock .notesblock-textarea, .call-div .new-note .notesblock-textarea{
	margin-bottom: 0px !important;
	background-color: transparent !important;
}

.call-div .notesblock:before, .call-div .notesblock:before {
    border-bottom: 25px solid transparent;
    border-right: 25px solid #fff0a0;
    bottom: -25px;
    content: '';
    position: absolute;
    right: 25px;
}
.notes-left{
	width: 99% !important;
}
.call-div .notesblock:before {
    border-right: 25px solid hsla(0,0%,0%,.1);
    bottom: -28px;
    right: 22px;
}

.call-div .notes-showmore{
	margin-top: 12px;
}
.call-div .new-note{
	padding-top: 8px;
	margin-left: 5px;
}
.new-note, .call-div .notes-divholder{
	width: 100%;
}

.new-note .new-note-column {
	width: 80%;
}
.new-note td:not(.new-note-column){
	width: 20%;
}
.new-note .new-note-column .notesblock-textarea{
	float: left;
    width: calc(100% - 30px) !important;
    border: 2px solid #dedede !important;
    background-color: #fff;
    border-radius: 5px 20px;
    padding: 10px;
    margin: 10px 0px;
    min-height: 100px;
}
.call-div .new-note .new-note-column .notesblock-textarea{
	min-height: 60px !important;
}
.call-div .notesblock:not(.darker){
    border: 2px solid #11905A !important;
    border: 2px solid var(--calls-color, #11905A) !important;
	margin-bottom: 0 !important;
	margin-top: 8px !important;
	background-color: #11905a30 !important;
}
.call-div .notesblock.darker{
    border: 2px solid #898989 !important;
	margin-bottom: 0 !important;
	margin-top: 8px !important;
	background-color: #e8e8e8 !important;
	margin-left: 7px;
}
.call-div .notesblock.darker span.darker{
	background-color: transparent !important;
}
.call-div .notes-conversation > table > tbody > tr > td:last-child{
	vertical-align: top;
    padding-top: 15px;
}
.notesblock{
	min-height: 80px !important;
}
.call-div .new-note .new-note-column .notesblock-textarea{
	margin: 0 !important;
}

#notes-container h3{
    margin-top: 0;
	margin-bottom: 0;
}
#notes-container h3 input{
	font-size: 0.85em !important;
	text-decoration: none;
	font-weight: bold;
	color: #11905A;
    color: var(--calls-color, #11905A);
	cursor: pointer;
	padding: 0;
}
#notes-container h3 input:hover{
	text-decoration: underline !important;
}
#notes-container section.columns.two-third{
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}
.notes-home .notes-showmore, #notes-container h3 input {
	border: 0;
	background-color: transparent;
}
.notes-home .notes-showmore:hover {
	text-decoration: underline;
	cursor: pointer;
}
.lighter {
	background-color: #f1f1f1 !important;
}

.darker {
  border-color: #bbb !important;
  background-color: #ccc !important;
  border-radius: 20px 5px;
}

#kvk-form{
    display: block;
    float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 47%;
    position: inherit;
    margin-left: calc(50% + 10px);
	margin-bottom: 20px;
}
.kvk-search .action_button{
	margin-top: 0;
    margin-bottom: 10px !important;
}
.kvk-result{
	visibility: hidden;
}
.kvk-container{
	width: 100%;
	display: none;
}

.kvk-search{
	margin-bottom: 10px;
}
.kvk-search .action_button.cancel{
	margin-left: 10px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10{
	display: table-cell;
}

.activities_home .col1{
	width: 181px !important;
}

.container .columns span .details-part{
	margin-left: 0px !important;
}

.details-collapse{
	width: 100% !important;
}

.shadow-box{
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.page-drop-down{
	width: 210px;
}
#select_page_typeahead .typeahead__list{
	border-top: 1px solid #ccc !important;
	margin-top: -9px !important;
	width: 210px;	
}

.pwd-settings, .pwd-settings-again{
	width: 270px !important;
}

.dummyUsername {
	position: absolute;
	z-index: -1;
	border: none;
	color: rgba(255,255,255,0);
	pointer-events: none;
	background-color: rgba(255,255,255,0);
	left: -1000px;
	user-select:none;
    -webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;	
}
.dummyUsername::selection {
  background: rgba(255,255,255,0);
}

.change_password_divs, .pers-settings-item{
	float: left;
    width: 100%;
}
.change_password_divs > .frts{
	margin-top: 20px;
}
.settings_home .change_password_divs > .frts{
	margin-top: 0 !important;
}
.pers-settings-item{
	margin-top: 6px; 
}
.listbox{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    color: #111;
    float: left;
    padding: 10px 6px 22px 10px;
    margin: 0 0 10px 0px;
    width: 100%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc !important;
    font-size: 0.9em;
    -webkit-appearance: none !important;
	display: none;
}

.person_search .typeahead__cancel-button, .person_invite .typeahead__cancel-button, .account_search .typeahead__cancel-button, .venue_search .typeahead__cancel-button, .invoicee_search .typeahead__cancel-button, .booker_search .typeahead__cancel-button{
	display: none !important;
}

.save-bottom{
	display: none;
}

.floatleft{
	float: left;
}

input.pwd-settings, input.pwd-settings-again{
	box-shadow: none !important;
}

input[type=date], input[type=time]{
	padding: 5px 7px 4px 10px !important;
}

input[type=search]::-webkit-search-cancel-button{
    position: relative;
    -webkit-appearance: none;
    background-size: 16px !important;
    background-position: center top 7px;
    background-repeat: no-repeat;
	background-image: url(../images/action/clear.svg);
	height: 32px;
	width: 32px;
	cursor: pointer;
    margin-right: -5px;
    float: right;
}
.dateplaceholder{
	color: gray;
}
.-uocc-empty-{
	display: none;
}
.empty td:hover{
	cursor: default;
}

#result-container{
	display: none;
	padding-left: 13px;
    font-style: normal !important;
	font-weight: bold;
    height: 28px !important;
    background: white !important;
    margin-top: 36px;
    position: absolute;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
	z-index: 222;
	border: 1px solid #ccc;
	cursor: default;
}
#template #result-container{
    height: 29px !important;
	width: 270px !important;
	margin-left: -2px;	
}

#template .form-control, #template .typeahead__list{
	width: 270px !important;
}

#template{
	float: left;
}

.person_search #result-container, .person_invite #result-container, .account_search #result-container, .venue_search #result-container, .invoicee_search #result-container, .booker_search #result-container{
	margin-top: 7px !important;
}

.newdata_header h2{
	width: 190px;
	margin-bottom: 30px !important;
}

.newdata_content label{
	margin-left: 10px !important;
}
.select-fields{
	display: none;
}
.select-template-fields-popup, .show-template-fields-popup, .create-template-popup, .create-officetemplate-popup{
    width: 66%;
    top: 7%;
	border: 2px solid #BD3333;
    border: 2px solid var(--admin-color, #868871);
    border-radius: 10px;
    position: fixed;
    background: #ffffff;
    max-height: 90%;
    z-index: 666666666;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    display: none;
	overflow: auto;
}
.show-template-fields-popup, .create-officetemplate-popup{
	width: 50% !important;
	min-width: 370px;
}
.adm_templates_home .selectcontainer, .adm_templates_home .multiselect{
	margin: 0;
    padding-left: 5px;
	padding-right: 25px;
    margin-bottom: 10px;
}
.adm_templates_home .selectcontainer li, .adm_templates_home .multiselect li{
	padding: 8px;
	cursor: pointer;
}
.adm_templates_home .selectcontainer li.selected-field, .adm_templates_home .multiselect li.selected-field{
	background-color: #868871;
    background-color: var(--admin-color, #868871);
	color: #fff;
}
.adm_templates_home .selectcontainer li:hover, .adm_templates_home .multiselect li:hover{
	background-color: #868871;
    background-color: var(--admin-color, #868871);
	color: #fff;	
}

#copiedfields{
	width: 50px;
	height: 12px;
    position: absolute;
    margin-left: 14px;
    margin-top: 14px;
    z-index: -1;
}

.create-template-popup img:not(.close-popup-btn){
    margin-top: 1px;
    margin-right: 0px !important;
    padding: 5px 3px 4px 4px !important;
}

.create-officetemplate-popup .errormessage, .create-template-popup .successmessage{
    margin-top: 10px;
}

.adm_templates_home .products_row_selected, .adm_templates_home .field-placeholder table tbody tr td:nth-child(3):hover, .adm_templates_home .template-fields li:hover, .adm_templates_home .add-remove-fields .add-btn:hover, .adm_templates_home .add-remove-fields .rem-btn:hover{
	cursor: pointer;
	background-color: #BD3333;
    background-color: var(--admin-color, #868871);
	color: #fff;
}
.articletable .dataTables_filter{
	display: none;
}

.adm_templates_home .field-placeholder table tbody tr td:nth-child(1):hover, .adm_templates_home .field-placeholder table tbody tr td:nth-child(2):hover{
    cursor: pointer;
}
.add-fields-table{
	width: 100%;
	border-collapse: collapse;
}
.add-remove-fields{
	float: left;
}
.left-div .field-placeholder table tbody tr td{
	padding-left: 5px;
}
.template-fields{
	float: left;
    margin: 0;
    padding-left: 0;
    width: 100%;
}
.show-template-fields-popup .popup-table .template-fields{
	padding-left: 20px;
}
.template-fields li{
    line-height: 30px;
	padding-left: 5px;
}
.template-field{
    line-height: 30px;
}
.field-values li{
	line-height: 25px;
	cursor: pointer;
}
.template-popup-heading{
    margin-left: 25px !important;
    margin-top: 25px !important;
}
.close-popup-btn, .close-popup{
	cursor: pointer;
    margin: 10px;
    position: absolute;
    right: 0;
}
.close-popup, .cleardel-popup{
	top: 0;
	right: 0;
    margin: 7px;
    background-image: url(../images/action/close.svg);
    background-repeat: no-repeat;
    background-size: 20px;
	background-color: #fff;
    border: 0;
    position: absolute;
    width: 20px;
    height: 20px;
}
.cleardel-popup{
    background-image: url(../images/action/trash-dark.svg) !important;
    background-size: 26px !important;
    margin-right: 33px !important;
    margin-top: 4px !important;
    height: 26px !important;
    width: 26px !important;
}
.filtertable img{
    cursor: pointer;
    float: right;
    margin-top: -9px;
}
.maildata h2{
	width: 220px;
    margin-top: 15px !important;
    margin-bottom: 5px;
}

.min-width-column{
	min-width: 70px;
}

/* Change layout for the datepicker */
.ui-datepicker-header {
    background: #EAEAEA;
    color: #333;  
    font-weight: bold;
    line-height: 30px;
}  

.ui-datepicker {
	display: none;
	text-align: center;
	color: #333;
	background: #FFFFFF;
	width: 320px;
    margin-top: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
	z-index: 666667 !important;
}

.date-block{
	text-align: center;
	color: #FFFFFF;
	font-size: 16pt;
	padding: 10px;
	height: 17px;
}

.date-day, .date-day2, .date-day3{
	font-size: 15pt;
	width: 100%;
	cursor: pointer;
}

.ui-datepicker a:hover{
	text-decoration: none;
}

.ui-datepicker-prev, .ui-datepicker-next {  
    display: inline-block;  
    font-family: FontAwesome;
    width: 30px;  
    height: 30px;  
    text-align: center;  
    cursor: pointer;  
    background-repeat: no-repeat;
    position: relative;
    color: transparent !important;
}
.ui-datepicker-prev {  
    float: left;  
	background-image: url('../images/action/date-prev.svg');
	background-size: 22px;
    background-position: center;
}
.ui-datepicker-prev:hover{
	background-image: url('../images/action/date-prev-over.svg');
}
.ui-datepicker-next {  
    float: right;  
    background-image: url('../images/action/date-next.svg');
	background-size: 22px;
    background-position: center;
}  
.ui-datepicker-next:hover{
	background-image: url('../images/action/date-next-over.svg');
}

.ui-datepicker-calendar {
  border-collapse:collapse;
  width: 100%;
  text-align: center;
  background: #FFFFFF;
}
.screen-reportselection-dp.ui-datepicker {
	z-index: 88888670 !important;
}
.ui-datepicker-week-col{
    background-color: #EAEAEA;
}
td.ui-datepicker-week-col{
	font-size: 0.8em !important;
}

.ui-datepicker th{
	background-color: #EAEAEA;
    padding-top: 5px;
    padding-bottom: 3px;
}

.ui-datepicker td{
    width: calc(100% / 8) !important
}
.ui-datepicker td a{
  text-decoration: none;
}
.ui-datepicker td a, .ui-datepicker td span{
  display: block;
  width: 100%;
  font-size: 12px;
  padding: 10px 0;
  color: #333;
}

.ui-datepicker td span{
  color: #BBB;
}

.ui-datepicker td.past {
  color:#BBB;
}

.ui-state-disabled, .ui-datepicker-title{
	cursor: default;
}

.checker{
    margin: 5px 0;
    width: 100%;
    float: left;
    height: 20px;
}
.columns-check{
	line-height: 25px !important;
	margin: 0 !important;
}

.checktemplate{
	pointer-events: none;
	cursor: default !important;
	width: 16px !important;
	height: 16px !important;
}
.activity-featurelist .second{
    display: inline-table !important;
}
.companytemplates tbody span:not(.twitter-typeahead){
	cursor: pointer;
}
.d_brief{
	display: none;
}

.companytemplates tbody tr.activerow span .tt-highlight:hover, .companytemplates tbody tr.activerow span .tt-suggestion:hover .tt-highlight, .companytemplates tbody tr.activerow span .tt-selectable:hover{
	color: #fff !important;
}
.companytemplates tbody tr.activerow span .num_res, .companytemplates tbody tr.activerow span .tt-highlight, .companytemplates tbody tr.activerow span .tt-suggestion{
	color: #222 !important;
}
.companytemplates tbody tr.activerow span{
	color: #fff !important;
}
.companytemplates tbody tr:not(.activerow).-uocc-cur- span{
	color: #111 !important;
}
.select-template-fields-popup{
	width: 80% !important;
}
.settings-div .twitter-typeahead{
	display: inline-flex !important;
}

.filters-table{
	width: 100%;
	padding-left: 10px;
	margin-top: 0;
	border-collapse: collapse;
}
.filter-table{
	border-collapse: collapse;
	margin-top: 10px;
	width: 100%;
	padding-left: 0;
}
.filter-table table{
	border-collapse: collapse;
	margin-top: 0;
	width: 100%;
	padding-left: 0;
}
.filter-select tbody tr td:not(.center), .filter-table thead tr th:not(.center){
	width: 22%;
	padding-right: 10px;
}
.filter-select tbody tr td.middle, .filter-table thead tr th.middle{
	width: 12% !important;
}
.filters-table thead, .filter-table thead{
	text-align: left;
}
.filters-table .form-control, .filter-table .form-control{
	margin: 2px 0 2px 0;
	height: auto;
	min-height: 32px;
}
.filters-table td{
	padding-right: 10px;
}
.filter-page .filter{
	padding-bottom: 600px !important;
}
.filter-page .filter .tt-menu{
    max-height: 250px !important;
}
.filter-page h2{
	margin-top: 10px !important;
	margin-bottom: 0;
}
.filter-page:not(.deduplicateIsAvailable) .deduplicate {
	display: none;
}
.filter-page .executeFilter, .dspFilterContainer .executeFilter {
    background: url(../images/action/actions-white.svg) no-repeat;
    background-color: #2a353b;
	background-size: 16px;
	background-position: 11px 7px;
    padding-left: 32px;
	margin-right: 8px;
}
.filter-page .executeFilter.bottomBtn{
	position: absolute;
	margin-top: -30px;
}
.filter-page .addFilter {
	float: right;
    background: url(../images/action/add.svg) no-repeat;
    background-color: #2a353b;
	background-size: 16px;
	background-position: 11px 7px;
    padding-left: 32px;
	margin-left: 10px;
}
.filter-page .copyFilter {
	padding-left: 38px;
	background-image: url(../images/action/copy.svg);
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: 11px 5px;
}

.filter-page .filter .table-content{
	margin-bottom: 10px;
}
.left-align{
	float: left
}
.page-orientation{
	float: left;
    margin-left: 20px;
}
.tag-field{
	width: 86%;
}
.checkboxer{
	width: 17px;
    height: 35px;
    position: relative !important;
    left: 0 !important;
	cursor: pointer;
}
.act-feature-checkbox{
    width: 17px;
    height: 20px;
    position: relative !important;
    left: 0 !important;
    cursor: pointer;
	margin-top: 7px !important;
}

.consumer-radio, .opp-radio, .pers-radio, .task-radio{
	display: block !important;
	width: 16px;
	height: 16px;
	float: left;
	cursor: pointer;
}
.opp-radio{
	margin-top: 9px;
}
.radio-label, .radio-lbl, .opp-radiolabel{
	float: left;
    margin-top: 3px;
    margin-left: 6px;
}
.radio-lbl{
	margin-top: 0 !important;
}
.opportunity-div .lft, .statusk02_dmisk02 .second .fullwidth > div{
	float: left;
	width: 120px;
}
.statusk02_dmisk02 .fullwidth{
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.opp-radiolabel{
	margin-top: 9px;
	margin-left: 1px;
}
.radio-label label, .radio-lbl label, .opp-radiolabel label:not(:disabled) {
    cursor: pointer;
}

input[type=radio] {
	display: none;
	width: 16px;
    height: 16px;
}
.unifaceRadioInput input[type=radio] {
	display: block !important;
}

input[type=radio] + label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-weight: bold;
}

input[type=radio] + label:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #2a353b;
}
.inbox-confirmation input[type=radio] + label:before {
	bottom: 1px !important;
}
.accounts-typeahead .tyeahead{
	width: 100% !important;
}
.document-radio{
    margin-left: 8px;
    margin-bottom: 35px;
}
.documenttype-radio{
    margin-left: 0px;
    margin-bottom: 25px;
    width: 142%;	
}
.documenttype-radio img{
	top: -2px;
    position: absolute;
}
.documenttype-radio font{
    margin-left: 25px;
}
.settings-changed{
	width: 75px;
}
.template-check, .template-checker{
	width: 48px;
	text-align: center !important;
}

.template-checker{
	cursor: default !important;
}

.disable{
	opacity: 1;
    pointer-events: none;
}

fieldset:disabled .ck_detailed_memo_icon, fieldset:disabled .ck_detailed_order_icon, fieldset:disabled .ck_detailed_quotation_icon, fieldset:disabled .ck_detailed_icon, fieldset:disabled .ck_user_info, fieldset:disabled .ck_detailed_mail_icon,
fieldset:disabled .ck_detailed_settings_icon, fieldset:disabled .ck_microphone_info, fieldset:disabled .ck_upload_image, fieldset:disabled .ck_image_upload, .ck_image_upload:disabled{
    cursor: default !important;
}
.ck_detailed_memo_icon, .ck_detailed_order_icon, .ck_detailed_quotation_icon, .ck_detailed_icon, .ck_user_info, .ck_detailed_mail_icon, .ck_detailed_settings_icon, .ck_microphone_info{
    cursor: pointer;
	background: #2a353b;
    float: right;
	padding: 2px 4px 0px 4px;
    border: 0px;
    margin-top: 3px;
	height: 30px !important;
}

.create-template-table .ck_image_upload{
	cursor: pointer;
    background: #2a353b;
    float: right;
    padding: 5px 0px 5px 4px;
    border: 0px;
    margin-top: 1px;
    height: 28px !important;
	margin-right: 132px;
    position: absolute;
    right: 5%;
}
.uploadImagePopup .files-holder, .uploadImagePopup .message{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.uploadImagePopup .message{
	margin-top: 0px !important;
	margin-bottom: 25px !important;
}
span.form-control{
	min-height: 30px;
}

.left-pos{
    left: 0%;
    transition-property: left;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 1s;
}
.right-pos{
    left: -100% !important;
    transition-property: left;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 1s;
}

.fade-in {
   -webkit-animation: fadeoutin 1.5s linear;
   -moz-animation: fadeoutin 1.5s linear;
   -o-animation: fadeoutin 1.5s linear;
    animation: fadeoutin 1.5s linear;
	opacity: 1;
}
@-webkit-keyframes fadeoutin {
	50% { opacity: 0; }
}
@keyframes fadeoutin {
	50% { opacity: 0; }
}

.info_upload {
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #fff;
	display: none;
	z-index: 666666;
}

#fileselect{
	position: absolute;
    left: -9999px;
}

#messages {
	float: left;
}

#messages p{
    padding: 0;
    margin: 0;
}

#messages_count{
	font-weight: bold;
	float: left;
	cursor: pointer;
}

#prog {
	display: none;
    padding: 0;
	width: 200px;
	height: 16px;
	margin-left: 3px;
}
#prog_info{
	float: right;
    margin-right: 29px;
    margin-left: 40px;
}
#prog_value{
    padding: 0;
    height: 16px;
    display: block;
    margin: -16px auto;
    position: absolute;
	color: #111;
}

input[type="checkbox"]:disabled + .checklabel_mail::before, input[type="checkbox"]:disabled + .checklabel_informal::before, input[type="checkbox"]:disabled + .checklabel_datud::before,
.checklabel.no-shadow::before , .checklabel.no-shadow::after{
	cursor: default !important;
}

input[type="checkbox"] + .checklabel_mail::before, input[type="checkbox"] + .checklabel_mail::after, input[type="checkbox"] + .checklabel_informal::before, input[type="checkbox"] + .checklabel_informal::after,
input[type="checkbox"] + .checklabel_datud::before, input[type="checkbox"] + .checklabel_datud::after, .checkactivity, .checkinvite, .checkprio, .checktopdf, .checksign, .checksmtp, .checkexchange {
	cursor: pointer;
}
.brief{
	width: 100%;
    display: block;
    line-height: 30px;
}
.feature_attr_btn{
    background: transparent !important;
    border-radius: 0 !important;
    height: 22px !important;
    border: 0 !important;
	cursor: pointer;
}

.login-label::before{
	margin-right: 5px !important;
}

/* Calendar layout on agenda DSP */
.coursesagenda-page .content-holder h3{
    float: left;
    margin-top: 30px;
    width: calc(50% - 50px);  
}
.coursesagenda-page .agenda-btn{
    float: left;
    margin-top: 25px;
    width: calc(50% - 50px);   
}
.coursesagenda-page .action_button{
    margin-top: 0 !important;
}
.course-calendar{
    float: left;
    margin-right: 50px;
    width: 50%;
}

.calendar .cancelled{
	background-color: #ff000066 !important;
}
.calendar-events{
    float: left;
    width: calc(50% - 50px);
}
.calendar-events table{
    width: 100%;
    border-collapse: collapse;
    word-wrap: break-word;
    border-spacing: 0;
    margin: 0;
}
.calendar-events table thead{
    font-weight: bold;
}
.calendar-events table th, .calendar-events table td{
    padding: 9px 5px;
    text-align: left;
    border-bottom: 0 !important;
}
.calendar-events table tbody tr{
    height: 32px !important;
	border-bottom: 1px solid #fff;
}
.calendar-events table tbody tr:nth-child(odd){
    background-color: #2635782b;
}
.course-calendar .month{
    font-weight: bold;
}

.calendar-events .agendaTable > tbody > tr:not(.added_row):hover > td, .agendaCoachesTable tbody tr:hover{
    background-color: #2B6190 !important;
    background-color: var(--courses-color, #2B6190) !important;
    cursor: pointer;
    color: #fff !important;
}

.progress-cirkel {
    position: absolute;
    right: 20px;
    top: 20px;
	cursor: pointer;
}
.progress-cirkel img {
    top: 19px;
    left: 21px;
    position: absolute;
}
.progress-cirkel svg {
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.circle_animation {
	stroke-dasharray: 160;
	stroke-dashoffset: 160;
	transition: all 1s linear;
}
.coursesagenda-page .left-div{
	float: left;
	width: calc(100% - 320px);
}
.coursesagenda-page .left-div .calendar-events {
	float: left;
    width: 100%;
}
.coursesagenda-page .left-div h3{
	width: 100%;
	margin-top: 18px !important;
}
.coursesagenda-page .right-div {
	float: right !important;
	width: 300px !important;
	margin-right: 0px !important;
}
.coursesagenda-page h2{
	width: 100%;
	font-size: 1.25em !important;
	margin-bottom: 10px !important;
}
.coursesagenda-page .clndr-table tbody tr td.day:not(.adjacent-month), .coursesagenda-page .clndr-table tbody tr td.day:not(.adjacent-month) div{
	cursor: pointer;
}
.coursesagenda-page .course-calendar .clndr .clndr-table tr .day-contents{
	font-weight: normal !important;
	text-decoration: none !important;
}
.coursesagenda-page .course-calendar .clndr .clndr-table tr .day.today{
	text-decoration: underline !important;
}
.coursesagenda-page .course-calendar .clndr .clndr-table tr .day:not(.adjacent-month):hover{
	background-color: green;
	color: #fff;
}
.coursesagenda-page .course-calendar{
	width: 100% !important;
	margin: 15px auto !important;
	margin-bottom: 10px !important;
}
.coursesagenda-page .course-calendar .clndr .clndr-table tr {
    height: 34px !important;
}
.coursesagenda-page .course-calendar .clndr .clndr-table td.selected_day {
	background-color: green !important;
	color: #fff;
}
.calendar-events > table > tbody > tr:nth-child(odd){
	background-color: #fff;
}
.course-calendar .clndr .clndr-table tr .adjacent-month{
	background-color: #ddd !important;
	color: #2a353b !important;
}
.coursesagenda-page table.calendar{
	width: 100%;
	float: left;
	border-collapse: separate;
	border-spacing: 0 8px; 
}
.coursesagenda-page table.calendar td.datewidth{
	width: 75px;
}

.coursesagenda-page .calendar > tbody > tr:not(.cancelled){
	background-color: #eee !important;
}
.coursesagenda-page .calendar > tbody > tr > td{
	border-top: 1px solid var(--courses-color, #2B6190) !important;
	border-top: 1px solid #2B6190 !important;
	border-bottom: 1px solid var(--courses-color, #2B6190) !important;
	border-bottom: 1px solid #2B6190 !important;
	padding: 10px;
}
.coursesagenda-page .calendar > tbody > tr > td:first-child{
	border-left: 1px solid var(--courses-color, #2B6190) !important;
	border-left: 1px solid #2B6190 !important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.coursesagenda-page .calendar > tbody > tr > td:last-child{
	border-right: 1px solid var(--courses-color, #2B6190) !important;
	border-right: 1px solid #2B6190 !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.coursesagenda-page .calendar > tbody > tr:not(.cancelled).row_selected, .coursesagenda-page .calendar > tbody > tr:not(.added_row):hover{
	background-color: var(--courses-color, #2B6190) !important;
	background-color: #2B6190 !important;
}
.coursesagenda-page .calendar > tbody > tr.cancelled.row_selected{
	background-color: #ff000099 !important
}
.coursesagenda-page .calendar > tbody > tr.added_row:hover{
	color: #111 !important;
	cursor: default;
}
.coursesagenda-page .calendar > tbody > tr.added_row strong{
	float: left;
    margin-bottom: 2px;
}
.coursesagenda-page .calendar tr.added_row{
	background-color: #fff !important;
	pointer-events: none;
}
.coursesagenda-page .modules_table{
	margin-top: 20px !important;
	margin-left: -1px;
	float: left;
	border-collapse: separate !important;
}
.coursesagenda-page .modules_table .lowrow{
	height: 20px !important;
	cursor: pointer;
}
.coursesagenda-page .modules_table thead th{
	padding: 0 1px !important;
}
.coursesagenda-page .modules_table tbody tr.lowrow td{
	padding: 0px 2px !important;
	margin: 0 !important;
}
.coursesagenda-page .agenda_attendees{
	border-collapse: separate !important;
	margin-top: 8px;
    float: left;
}
.coursesagenda-page .agenda_attendees tr{
	height: 28px !important;
}
.coursesagenda-page .agenda_attendees tr td{
	padding: 5px 5px !important;
}
.coursesagenda-page .calendar thead, .coursesagenda-page .calendar thead tr{
	background: transparent !important;
}
.coursesagenda-page .calendar > thead th{
    padding: 0 8px !important;
	background: transparent !important;
}
.coursesagenda-page .modules_table td.module-start, .coursesagenda-page .modules_table td.module-end, .coursesagenda-page .modules_table td.module-count{
	width: 80px !important;
}
.coursesagenda-page .modules_table td.module-type{
	width: 120px !important;
}
.calendar-events .added_row .module-attendees{
    float: left;
    width: 100%;
}
.calendar-events .added_row .module-attendees:not(:last-child){
	margin-bottom: 20px;
}
.calendar-events .added_row .no-attendees{
	float: left;
    width: 100%;
	margin-top: 10px;
}
.coursesagenda-page .clndr-previous-button, .coursesagenda-page .clndr-next-button{
	visibility: hidden !important;
}
.coursesagenda-page .cldr-btns{
    width: 300px;
    float: left;
    position: absolute;
    margin-top: 60px;
	z-index: 999;
}
.coursesagenda-page .prev-cal-btn, .coursesagenda-page .next-cal-btn{
    border: 0;
    background-color: #fff;
    text-align: left;
    width: 80px;
    padding-left: 0;
	padding-right: 0;
    font-size: 1em !important;
	float: left;
}
.coursesagenda-page .next-cal-btn{
	float: right !important;
	text-align: right !important;
}
.coursesagenda-page .prev-cal-btn:hover, .coursesagenda-page .next-cal-btn:hover{
	text-decoration: underline;
	cursor: pointer;
}
.coursesagenda-page .modules_table tbody tr, .coursesagenda-page .modules_table tbody tr:hover{
	background-color: transparent !important;
	border: 0 !important;
}
.coursesagenda-page .location-div{
	float: left;
    margin-top: 8px;
}
.coursesagenda-page .green-color{
	color: green !important;
	margin-right: 5px;
}
.coursesagenda-page .red-color{
	color: red !important;
	margin-right: 5px;
}
.coursesagenda-page div.account-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
    float: left;
}
.coursesagenda-page div.account-holder, .coursesagenda-page .green-color, .coursesagenda-page .red-color{
	float:left;
}
.coursesagenda-page .day.adjacent-month{
	pointer-events: none;
}

.coursesagenda-page .course-coaches tbody tr{
	cursor: pointer !important;
}
.coursesagenda-page .course-coaches tbody tr:hover td span{
	text-decoration: underline;
}
.coursesagenda-page .coach-popup{
	display: none;
	position: fixed;
    margin: auto;
    left: calc(50% - 320px);
    right: calc(50% - 320px);
    width: 640px;
	background-color: #fff;
    padding: 0 15px;
	border: 2px solid var(--courses-color, #2B6190);
	border: 2px solid #2B6190;
	border-radius: 5px;
	box-shadow: #666 3px 3px 6px;
	padding-bottom: 15px;
	max-height: 550px;
    overflow: auto;
	top: calc(50% - 260px);
	z-index: 99999;
}
.coursesagenda-page .coach-popup div, .coursesagenda-page .coach-popup strong{
	width: 100%;
	float: left;
}
.coursesagenda-page .coach-popup strong{
	margin-top: 10px;
	margin-bottom: 5px;
}
.coursesagenda-page .course-coaches table{
	border-collapse: collapse;
}
.coursesagenda-page .date-pick, .coursesagenda-page .ui-datepicker-trigger {
	display: none;
}
.coursesagenda-page .date-pick-div{
	width: 140px;
    height: 25px;
	background: transparent;
	z-index: 333;
	cursor: pointer;
	float: left;
}

/* Progress bar for drag and drop upload in header */
#prog_digit1{
    margin-left: 114px;
}

#prog_digit1, #prog_digit2, #prog_digit3, #prog_digit4{
	float: left;
	cursor: default;
}

#prog_digit4{
	display: none;
}

.value_over, #prog_digit3{
	color: #fff !important;
}
.value_10{
	margin-left: 110px !important;
}
.value_100{
	margin-left: 105px !important;
}

progress[value], progress:not([value]) {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: none;
}
progress::-moz-progress-bar{
	background-color: #51ad80;
}
progress::-webkit-progress-value{
	background-color: #51ad80;
}

.progress-holder{
	float: left;
    margin: 0;
    padding: 0;
	display: none;
}
div input[type=button].cancel-progress{
	display: none;
	float: left;
}
progress[value]:not(.search-progress)::-webkit-progress-value {
	background-color: #51ad80;
	border: 1px solid #fff;
}
.progress-holder input[type="button"], div input[type="button"].cancel-progress{
    margin-top: 11px;
    margin-left: 6px;
    border: 0;
    background-color: #2a353b;
    background-image: url(../images/action/cancel.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    width: 22px;
    height: 22px;
    background-position: center;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	cursor: pointer;
	padding: 0;
}
.documents_home .progress-holder input[type=button]:hover{
	background-color: #AD2551 !important;
	background-color: var(--documents-color, #AD2551) !important;
}
.progress-holder.collacts{
	margin-top: 4px !important;
}
.progress-holder.collacts .progress-text{
	font-weight: normal !important;
}
.progress-bar[value]{
	width: 300px;
	height: 22px;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;	
}
.progress-bar[value]::-webkit-progress-bar, .search-progress[value]::-webkit-progress-bar, .search-progress-file[value]::-webkit-progress-bar {
	background-color: #e8e8e8;
}
.progress-bar[value]::-moz-progress-bar{
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #51ad80;
	background-size: 25px 14px, 100% 100%, 100% 100%;
}
.progress-bar[value]::-webkit-progress-value {
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #51ad80;
	background-size: 25px 14px, 100% 100%, 100% 100%;
}
.progress-percentage{
    margin: -19px auto;
    width: 30px;
    text-align: center;
	font-weight:bold;
}

.search-progress{
	display: none;
	float: left;
    margin-top: 12px;
    margin-left: 20px;
}
.search-progress[value]{
    height: 20px;
    width: 200px;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}
.search-progress[value]::-webkit-progress-value, .search-progress[value]::-webkit-progress-value {
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
	background-size: 25px 14px, 100% 100%, 100% 100%;
}
.documents_home .search-progress[value]::-webkit-progress-value, .webregs_home .search-progress[value]::-webkit-progress-value, .filesContainer .search-progress[value]::-webkit-progress-value {
	background-color: #51ad80 !important;
}
.search-progress-file[value]::-webkit-progress-value{
	background-color: #51ad80 !important;		
}

.filesContainer .search-progress{
	margin: 0 !important;
}
.progress-text{
    position: absolute;
    margin-top: 12px;
    margin-left: 20px;
    height: 18px;
    padding-top: 2px;
	text-align: center;
	width: 202px;
}
.progress-holder.processing-items .search-progress[value] {
	width: 250px !important;
}
.progress-holder.processing-items .progress-text {
	margin-left: 50px !important;
	font-size: 0.9em !important;
}

/* On/Off switches v2 layout */
.onoffswitchv2 {
    border-radius: 20px;
    overflow: hidden;
    width: 80px;
	height: 30px;
	line-height: 30px;
    position: relative;
	user-select:none;
    -webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
}
.onoffswitchv2 > input {
    display: none;
}
.onoffswitchv2 > input + label {
    opacity: 0;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.onoffswitchv2 > input[disabled] + label {
    cursor: default;
}
.onoffswitchv2 > input + label + .onoffswitchv2-inner {
	position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    pointer-events: none;
    transition: left 0.3s ease-in 0s;
}
.onoffswitchv2 > input:checked + label + .onoffswitchv2-inner {
    left: 0%;
}
.onoffswitchv2 > input + label + .onoffswitchv2-inner * {
    pointer-events: none;
}
.onoffswitchv2 > input + label + .onoffswitchv2-inner > .on {
    display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 50%;
    background-color: #6CA237;
    color: #ffffff;
    padding-left: 15px;
    text-align: left;
	float: left;
}
.onoffswitchv2 > input + label + .onoffswitchv2-inner > .off {
    display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 50%;
    background-color: #dddddd;
    color: #000000;
    padding-right: 15px;
    text-align: right;
	float: right;
}
.onoffswitchv2 > input + label + .onoffswitchv2-inner > .bullet {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    background: white;
    position: absolute;
    z-index: 100;
    top: 6px;
    left: calc(50% + 6px);
    transition: left 0.3s ease-in 0s;
}
.onoffswitchv2 > input:checked + label + .onoffswitchv2-inner > .bullet {
	left: calc(50% - 24px);
}


/* On/Off switches layout */
.onoffswitch {
    position: relative; 
	width: 80px;
	user-select:none;
    -webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
}
.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden;
    border: 0; border-radius: 20px;
    cursor: pointer;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before{
    background-color: #6CA237;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: var(--yes-switch);
    padding-left: 15px;
	color: #ffffff;
}
.onoffswitch-inner:after {
    content: var(--no-switch);
    padding-right: 15px;
    background-color: #dddddd; 
	color: #333;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 16px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 43px;
    border: 1px solid #d2d2d2; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.checklist tr td:nth-child(2), .prefswitches label{
    position: relative; 
	width: 75px;
	user-select:none;
    -webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none;
}
.prefswitches label, .prefswitches .remove-row-btn, .prefswitches .onoffswitch{
	float: left;
}
.prefswitches .remove-row-btn{
    margin-top: 3px;
    width: 21px !important;
    height: 21px !important;
	background-size: 11px !important;
}
.prefswitches .form-control{
    margin-top: -8px !important;
    height: 28px !important;
    padding-top: 5px !important;
	width: 99% !important;
}
.prefswitches .form-control .second{
	min-height: 34px !important;
    padding-top: 5px !important;
}
.checklist tr td:nth-child(2) input, .prefswitches input[type='checkbox']{
    display: none;
}
.checklist tr td:nth-child(2) label, .prefswitches label{
    display: block; 
	overflow: hidden; 
	cursor: pointer;
    border: 1px solid #ccc; 
	border-radius: 20px;
}
.checklist tr td:nth-child(2) label span:nth-child(1), .prefswitches label span:nth-child(1){
    display: block; 
	width: 200%; 
	margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.checklist tr td:nth-child(2) label span:nth-child(1):before, .checklist tr td:nth-child(2) label span:nth-child(1):after, .prefswitches label span:nth-child(1):before, .prefswitches label span:nth-child(1):after{
    display: block; 
	float: left; 
	width: 50%; 
	height: 25px; 
	padding: 0; 
	line-height: 25px;
    font-size: 14px; 
	color: white; 
	font-family: Trebuchet, Arial, sans-serif; 
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.checklist tr td:nth-child(2) label span:nth-child(1):before, .prefswitches label span:nth-child(1):before{
    content: var(--on-switch);
    padding-left: 10px;
    background-color: #EEEEEE; 
	color: #444;
}
.checklist tr td:nth-child(2) label span:nth-child(1):after, .prefswitches label span:nth-child(1):after{
    content: var(--off-switch);
    padding-right: 10px;
    background-color: #EEEEEE; 
	color: #444;
    text-align: right;
}
.checklist tr td:nth-child(2) label span:nth-child(2), .prefswitches label span:nth-child(2){
    display: block; 
	width: 15px;
	height: 15px;
	margin: 5px;
    background: #FFFFFF;
    position: absolute; 
	top: 0; 
	bottom: 0;
    right: 46px;
    border: 0; 
	border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.checklist tr td:nth-child(2) input:checked + label span:nth-child(1), .prefswitches input:checked + label span:nth-child(1){
    margin-left: 0;
}
.checklist tr td:nth-child(2) input:checked + label span:nth-child(2), .prefswitches input:checked + label span:nth-child(2){  
    right: 0px; 
	background: #3fca3e;
}


/* Tag-It Library Items */
#mailFirstDiv ul.tagit{
	min-height: 38px;
	margin-top: 0 !important;
	overflow: hidden !important;
	border: 2px solid #fff;
}
#mailFirstDiv ul.tagit li:not(.tagit-new){
	cursor: move;
}

ul.tagit {
    padding: 0;
    margin: 0;
    margin-top: -6px;
    overflow: auto;
    margin-left: inherit;
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 5px 2px 0px 2px;
    border-radius: 15px;
    color: #fff;
    font-size: 0.9em;
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;
    cursor: pointer;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: 6px 30px 6px 10px;
} 

ul.tagit li.tagit-new {
    padding: 0;
    width: calc(100% - 2px);
    border: 1px solid #ccc;
    outline: 0;
    box-shadow: none;
    margin-top: 14px;
    margin-left: 0;
}
ul.tagit li.tagit-new input, ul.tagit li.tagit-new input:focus{
    outline: 0 !important;
    box-shadow: none !important;
    height: 30px;
    padding: 0 10px !important;
    font-size: 1em !important;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: 0;
}
.ui-state-default .tagit-close .ui-icon {
    background-image: url(../images/ui-icons.png);
}
.tagit-close .ui-icon-close {
    background-position: -80px -128px;
}
.tagit-close .ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-right: 0 !important;
}

.coursereg-div .used-keywords ul{
	margin-top: -5px !important;
	height: 40px;
}
.coursereg-div .used-keywords ul li{
    height: 20px !important;
    padding-top: 8px !important;
    padding-bottom: 3px !important;
}
.coursereg-div .used-keywords ul li.tagit-new{
	display: none;
}
.coursereg-div .delegateDataTable tbody tr.detail_row, .coursereg-div .delegateDataTable tbody tr.row_selected td.moreinfo{
	background-color: #fff !important;
}
.coursereg-div .delegateDataTable tbody tr.detail_row:hover, .coursereg-div .delegateDataTable tbody tr.detail_row td:hover{
	background-color: #fff !important;
	color: #111 !important;
	cursor: default !important;
}
.coursereg-div .delegateDataTable tbody tr.detail_row table tr .first{
	width: 40%;
	font-weight: bold;
	float: left;
}
.coursereg-div .delegateDataTable tbody tr.detail_row table tr .second{
	width: 60%;
	float: left;
}
.coursereg-div .delegateDataTable tbody tr.detail_row table tr .first label, .coursereg-div .delegateDataTable tbody tr.detail_row strong{
    margin-top: 8px;
    float: left;
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}


/* Animated progress loader */
.cssload-loader {
	margin: 3% auto;
	position: fixed;
	width: 90px;
	height: 90px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 780px;
	z-index: 999999999;  
	background: rgba(255, 255, 255, 0.7);
	display: none;
	left: 0;
	right: 0;
}

body.login .cssload-loader, body.homepage .cssload-loader{
	margin: 7% auto !important;
}

.cssload-inner {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 15px;
	left: 15px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;		
}

.cssload-inner.cssload-one {
	-o-animation: cssload-rotate-one 1.15s linear infinite;
	-ms-animation: cssload-rotate-one 1.15s linear infinite;
	-webkit-animation: cssload-rotate-one 1.15s linear infinite;
	-moz-animation: cssload-rotate-one 1.15s linear infinite;
	animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 3px solid #da0011;
}

.cssload-inner.cssload-two {
	-o-animation: cssload-rotate-two 1.15s linear infinite;
	-ms-animation: cssload-rotate-two 1.15s linear infinite;
	-webkit-animation: cssload-rotate-two 1.15s linear infinite;
	-moz-animation: cssload-rotate-two 1.15s linear infinite;
	animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 3px solid #391d75;
}

.stiJsViewerInnerContainerParametersPanel > table{
	table-layout: fixed;
}
.stiJsViewerInnerContainerParametersPanel > table > tbody > tr, .stiJsViewerInnerContainerParametersPanel > table > tbody > tr > td{
	display: inline-block !important;
}
.stiJsViewerParametersPanel.stiJsViewerParametersPanelTop{
	color: #111 !important;
}
.stiJsViewerClearAllStyles[data-dom-classes=";mainButtons;"]{
	margin-top: 7px !important;
}
.chart-dates{
	margin: 18px 0;
}
.chart-dates, .chart-container{
	width: 100%;
	float: left;
}
.chart-dates label, .chart-dates input{
	float: left;
}
.chart-dates label{
	font-weight: bold;
	margin-top: 9px;
}
.chart-dates input{
	width: 124px;
	margin: 0 9px;
}
.doughnut-chart-container1{
	width: 550px;
	float: left;
	background-color: #eee;
	border-radius: 10px;
    padding: 10px 10px 42px 10px;
    margin-top: 5px;
	border: 1px solid #ccc;
    border-right: 0;
	height: 340px;
	margin-right: 10px;
}
.doughnut-chart-container1 h3{
	margin-top: 5px;
}
.bar-chart-container1{
	float: left;
	width: 100%;
}
.dash-content .bar-chart-container1 h3{
	margin-top: 8px;
}

/* Change layout for different screen sizes */
@media all and (orientation:landscape){
	.disappearOnPhone{
		display: none !important;
	}		
}
@media screen and (max-width: 270px) {
	#footer #footer-left #edit, .footer-icon-left {
		margin-left: 1px;
	} 
	.footer-icon-right {
		margin-right: 1px;
	}
}
@media screen and (max-width: 320px) {
	#footer #footer-left #edit, .footer-icon-left {
		margin-left: 7px;
	} 
	.footer-icon-right {
		margin-right: 7px;
	}
}
@media (max-width: 360px) {
	.menuContent{
		margin: 10px 5% 5% 5%;
	}
}
@media (min-width: 368px) {
	.menuContent{
		margin: 20px 36px 20% 36px;
	}
}
@media (max-width: 380px) {
	.headers{
		margin-left: 3% !important;
	}
	.action_menu{
		margin-right: 0;
	}
	main section.columns.two-third{
		margin-left: 3% !important;
		width: 93% !important;
	}
	main section.contactDetailsSection, main section.depDetailsSection, .addressRow, .personRow {
		width: 100% !important;	
	}
}
@media screen and (max-width: 389px) {
	#footer #footer-left #edit, .footer-icon-left {
		margin-left: 14px;
	} 

	.footer-icon-right {
		margin-right: 14px;
	}
	
	header[role=banner] h1, div[role=banner] h1 {
		font-size: 2.0em !important;
	}

	.callsTable thead tr th:nth-child(6), .callsTable tbody tr td:nth-child(6){
		display: none;
	}
}
@media (max-width: 400px) {
	.header-title .dropContainer,
	.dragDropIcon{
		display: none !important;
	}
}
@media screen and (max-width: 440px) {
	.column-contactperson {
		padding: 4px 12px 10px 12px;
	}
	.photo-contactperson {
		display: none;
	}
	.inbox_home .select-folder, .inbox_home .select-mailbox, .inbox_home .search-mailbox, #inbox-table_filter{
		float: left;
		margin-left: 0;
		left: 0;
	}
	.select-folder .twitter-typeahead{
		width: 156px !important;
	}
}

@media (max-width:480px){
	header[role=banner] .combobox-container, div[role=banner] .combobox-container {
		margin-left: 5%;
	}
	header[role=banner].topRightMenu, div[role=banner].topRightMenu{
		margin-top: 75px;
	}
	
	header[role=banner].start, div[role=banner].start{
		height: calc(15% - 10px) !important;
	}
	.login main, .amyyon-logo, .drop_login_alert, .homepage main, .course-menu-div, .timewriting-menu-div, .actions-menu-div, .admin-menu-div{
	    top: 20% !important;
	}

	main section.columns .table thead th, main section.columns .table thead th h2, 
	main section.columns .table td, main section.columns .table th {
		font-size: 6px;
	}
	main section.columns img.profile {
		display: block;
		float: none;
		margin: 0 0 10px 0;
	}	
	.edit-form-control{
		float: none;
	}
	.searchbox {
		padding: 7px 15px 7px 40px;
	}
	.input-group-addon {
		border-radius: 45px;
		-webkit-border-radius: 45px; 
		-moz-border-radius: 45px; 
	}
	.dataTables_length{
		display: none;
	}
	
	#fieldDropDown {
		width: 90%;
		margin-left: 0px;
	}
	.activities_home .col6, .visible{
		display: none !important;
	}
	.index.dashboard .dash-icons{
		width: 95px !important;
		height: 95px !important;
		background-position: center 12px !important;
		background-size: 49px !important;
		font-size: 11px !important;
		padding: 57px 0 0 0 !important;
		font-weight: bold !important;
		margin: 5px 5px 0px 2px !important;
	}
	.index.dashboard{
		margin-top: 0px !important;
	}
	.loggedin, .footer_block .footer-icon.menu, .footer_block .menu_text{
		display: none;
	}
	.acc-text{
		top: 70%;
		margin-top: -48px;
		font-size: 3em;
		height: 56px;
	}
	.footer_block div{
		font-size: 0.8em;
	}
	.footer_menu{
		display: none;
	}
	.settask-dsp-container{
		float: left !important;
		min-width: auto !important;
	}
	.settask-container .taskDetails{
		margin-left: 0;
	}
	.validate-panel .confirm-ok, .validate-panel .confirm-nok{
		margin-top: -10px;
	}
	.searchOrg, .searchPers, .searchAct, .searchCall, .searchDocument, .searchOpportunity, .searchOrder, .searchQuotation, .searchResource, .searchCounters, .searchDefaultCourse, .searchTemplate, .searchUser, .searchProduct, .searchAdmFeature, .searchAdmPreference, .searchWebreg, .searchMergeItem, .searchEnts, .searchResources, .searchMutations{
		width: 185px;
	}
	.searchCourse, .searchAttendee{
		width: 158px;
	}
	.personBlockTable .SALUTDESC, .activityBlockTable .ACTSALESREP, .addressBlockTable .POSTKDR02, .SOLR, .personBlockTable .PICTROLES, .personBlockTable .PICTDATUD, .memoBlockTable .D_OMS,
	.connectionBlockTable .STOPDATR20, .opportunityBlockTable .SKOREK02, .orderBlockTable .SUBJECT,  .quotationBlockTable .SUBJECT, .accountsTable .NAAM2{
		display: none;
	}
	#accountfilter, #personfilter, #orderfilter, #quotationfilter, #documentfilter, #resourcefilter{
		width: 294px !important;
	}
	#activityfilter, #callfilter, #opportunityfilter{
		width: 297px !important;
	}
	#coursefilter{
		width: 286px !important;	 
	}
	#documentfilter{
		width: 334px !important;
	}
	#activityfilter #activities-typeahead, #callfilter #calls-typeahead, #opportunityfilter #opportunities-typeahead{
		width: 58% !important;
	}
	#documentfilter #documents-typeahead{
		width: 62% !important;
	}
	#coursefilter #courses-typeahead{
		width: 72% !important;
	}
	#accountfilter #accounts-typeahead, #personfilter #persons-typeahead, #resourcefilter #resources-typeahead, #orderfilter #orders-typeahead, #quotationfilter #quotations-typeahead{
		width: 73% !important;
	}
	.favorites_menu.opened{
		width: 80%;
	}
	.inboxTable td:nth-child(1), .inboxTable td:nth-child(2), .inboxTable td:nth-child(3), .inboxTable th:nth-child(1), .inboxTable th:nth-child(2), .inboxTable th:nth-child(3){
		display: none;
	}
	.inboxTable tbody tr td:nth-child(5){
		width: 78px !important;
	}
	.action_menu div{
		width: 88px !important;
		float: right !important;
	}
	.action_favorite{
		margin-left: 21px;
	}
}

@media (max-width:520px){
	.timepage .weekyear{
		width: 394px !important; 
	}
}

@media (min-width:480px) and (max-width:620px){
	main section.columns .table thead th, main section.columns .table thead th h2, 
	main section.columns .table td, main section.columns .table th {
		font-size: 10px;
	}
}
@media (max-width: 560px) {
	.personsTable thead tr th.PICTDATUD, .personsTable tbody tr td.PICTDATUD, .personsTable thead tr th.PICTROLES, .personsTable tbody tr td.PICTROLES,
	.personsTable thead tr th.PICTDECEASE, .personsTable tbody tr td.PICTDECEASE, .personsTable thead tr th.COMPANYSNM, .personsTable tbody tr td.COMPANYSNM,
	.callsTable thead tr th:nth-child(2), .callsTable tbody tr td:nth-child(2){
		display: none;
	}
    .activityBlockTable th:nth-child(6), .activityBlockTable td:nth-child(6), .relActivityBlockTable th:nth-child(8), .relActivityBlockTable td:nth-child(8){
		display: none;
	}
	.columns.table_content div.first, .columns.table_content div.second{
		width: 100%;
	}
	#navigation .logout_menu_btn{
		background-size: 39px !important;
		background-position: center 17px !important;
	}
	.doc-div .docgentype .second{
		width: 100%;
		margin-top: 20px;
	}	
}
@media (min-height: 519px) and (max-height: 700px){
	#footer .footer-icon{
		margin-top: 8px !important;
	}
}
@media (max-width:530px){
	.activityBlockTable th:nth-child(3), .activityBlockTable td:nth-child(3), .relActivityBlockTable th:nth-child(3), .relActivityBlockTable td:nth-child(3){
		display: none;
	}
}
@media (max-width: 570px) {
	.persons_home .col4, .invite-email, .settings-subject{
		display: none;
	}
}
@media (max-width: 610px) {
	#Straatnummer{
		width: 100% !important;
	}
	.toev{
		width: 100% !important;
		text-align: left !important;
	}
	#StraatnummerExtra {
		width: 100% !important;
		float: left !important;
		margin-left: 0% !important;
		margin-right: 0px !important;
		padding-top: 4px !important;
	}
	.export-excel-table, .export-word-table, .collstatus-table, .hide-columns-table, .connect-feature, .cancel-course-table, .cancel-booking-table, .print-course-table, .collective-docdistr table {
		width: 100%;
	}
}
@media (min-width: 610px) {
	.menuContent{
		margin: 80px 33% 20% 33%;
	}
}
@media (max-width: 612px) {
	.activities_home .col7{
		display: none !important;
	}
}
@media (max-height: 619px) {
	
	#footer .footer-icon{
		margin-top: 8px !important;
	}
}
@media (max-width: 620px) {
	main section.columns.one-third.leftest{
		float: none;
		margin-right: 0;
		margin-left: 5%;
	}
	main section.columns.one-third.middle{
		float: none;
		margin-left: 5%;
	}
	main section.columns.one-third.rightest{
		float: none;
		margin-left: 10%;
	}
	main section.columns img.profile {
		display: block;
		float: none;
		margin: 0 0 10px 0;
	}
	main section.columns {
		float: none;
		width: 100%;
	}
	main section.columns.one-third{
		width: 100%;
	}
	main section.columns .table thead th, main section.columns .table thead th h2, 
	main section.columns .table td, main section.columns .table th {
		font-size: 10px;
	}
	
	.inputFieldAlligner{
		margin: 0px 0 10px 10%;
		float: left;
		position: inherit; 
		width: 90%;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.label-control{
		margin-right: 10%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.edit-label-control{
		margin-right: 10%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.hiddenOnSmallest{
		display: none;
	}
	.showOnSmallest{
		display: block;
	}

	.contactDetails div .second, .addressDetails div .second, .socialDetails div .second, .depDetails div .second, #kvk-form .first, #kvk-form .second,
	.contactDetails div .first:not(.paginate_button), .addressDetails div .first:not(.paginate_button), .socialDetails div .first:not(.paginate_button), .depDetails div .first:not(.paginate_button),
	.settingsDetails div .first:not(.paginate_button), .contactDetails, .addressDetails, .socialDetails, .depDetails, .documentDetails, .documentDetailsShow, .settingsDetails,
	.memoDetails, .callnoteDetails, .orderDetails, .documentGenDetails, .courseDetails, .productpriceDetails , .reportFields .first:not(.paginate_button), .reportFields .second{
		width: 100% !important;
	}
	.account_search.naam_dmisre01 .add_block {
		right: -32px !important;
		margin-top: -39px !important;
	}
	.person-div .address-header {
		width: auto !important;
	}
	.accountSearchTableHolder .STREET, .accountSearchTableHolder .HNR  {
		display: none;
	}
	.activity-featuretable{
		left: 4% !important;
		right: 4% !important;
		width: calc(92% - 15px) !important;
		top: 500px !important;
	}
}
@media (min-width:620px) and (max-width:669px){
	main section.columns .table thead th, main section.columns .table thead th h2, 
	main section.columns .table td, main section.columns .table th {
		font-size: 14px;
	}
}
@media (min-width: 650px) and (max-width: 991px) {
	main section.columns.one-third.rightest{
		float: none;
		margin-left: 0;
	}
	main section.columns.one-third.leftest{
		float: left;
		margin-right: 20%;
	}
	main section.columns.one-third.middle{
		margin-right: 10%;
	}
	.searchbox{
		padding: 7px 150px 7px 40px;
	}	
}

@media (max-width: 650px) {
	main section.columns.one-third.leftest{
		float: left;
		margin-right: 0;
		margin-left: -5%;
	}
	main section.columns.one-third.middle{
		float: left;
		margin-left: 25%;
	}
	main section.columns.one-third.rightest{
		float: none;
		margin-left: -5%;
	}
	
	#header-home #header-image {
		height: 233px;
		background-image: url('../images/header-image-home.jpg');
		background-size: cover;
	}

	#icons-container, .templatesTable thead tr th:nth-child(3), .templatesTable tbody tr td:nth-child(3),.usersTable thead tr th:nth-child(3), .usersTable tbody tr td:nth-child(3) {
		display: none;
	}
	#icons-container-responsive {
		display: block;
	}
	
	#footer-home {
		margin: 27px 0px 35px 0px;
	}
    .relActivityBlockTable th:nth-child(6), .relActivityBlockTable td:nth-child(6){
		display: none;
	}
}

@media screen and (min-width: 651px) {
	#footer-home #info, #icons-container-responsive{
		display: none;
	}
	#icons-container {
		display: block;
	}
}
@media (min-width:669px){
	main section.columns .table thead th, main section.columns .table thead th h2, 
	main section.columns .table td, main section.columns .table th {
		font-size: 16px;
	}
}
@media (max-width: 670px) {
	.callsTable thead tr th:nth-child(10), .callsTable tbody tr td:nth-child(10), .documents_home .documentsTable .ORGFILENAME{
		display: none;
	}
}
@media (max-width:700px){
	.activities_home .col5{
		display: none !important;
	}
	.prev_btn:active, .prev_btn:focus, .next_btn:active, .next_btn:focus{
		margin-top: 1px;	
	}
	.prev_btn{
		left: 0;
	}
	.next_btn{
		right: 0;
	}
    .more_ids{
        margin-top: 46px !important;
        right: 6% !important;
    }
	#inbox-table thead > tr > th.email-size, #inbox-table tbody > tr > td:not(.ins-row):last-child{
		display: none;
	}
	.personSearchTableHolder .EMAIL{
		display: none;
	}
}
@media (max-width: 716px) {
	.settings-dep{
		display: none;
	}
}
@media (max-width: 720px) {
	.total-emails {
	    width: 100%;
	}
	.accountSearchTableHolder .ZIPCD {
		display: none;
	}
}
@media (max-width: 750px) {
	main {
		padding: 0px;
	}
	.callBlockTable th:nth-child(4), .callBlockTable td:nth-child(4){
		display: none;
	}
	.select-mailbox{
		margin-right: 0 !important;
	}
	#coursefilter{
		float: left;
	}
}
@media (max-width: 766px) {
    #accountfilter, #personfilter, #opportunityfilter, #orderfilter, #quotationfilter, #documentfilter, #resourcefilter{
		float: left;
	}

	#inbox-table_wrapper{
		margin-top: 2px !important;
	} 
	#documentfilter .collective-actions{
		margin-right: 47px;
	}
}
@media (max-width: 767px) {
	main {
		padding: 0;
	}
	main section.columns {
		float: none;
		width: 100%;
	}
	main section.columns.one-quarter, main section.columns.three-quarters, 
	main section.columns.one-third, main section.columns.two-third {
		width: 90%;
	}
	main section.columns.one-third{
		width: 100% !important;
	}
	#footer #footer-left, #footer #footer-right {
		padding: 0;
	}
	.activityBlockTable th:nth-child(5), .activityBlockTable td:nth-child(5), .relActivityBlockTable th:nth-child(5), .relActivityBlockTable td:nth-child(5){
		display: none;
	}
}
@media (max-width: 769px) {
	.personsTable th:nth-child(5), .personsTable td:nth-child(5) {
		display: none;
	}
	.accountsTable th:nth-child(3), .accountsTable td:nth-child(3) {
		display: none;
	}
}
@media (max-width: 770px) {
	.accountsTable thead tr th:nth-child(5), .accountsTable tbody tr td:nth-child(5), .personsTable thead tr th.ADDR, .personsTable tbody tr td.ADDR,
	.activitiesTable thead tr th:nth-child(4), .activitiesTable tbody tr td:nth-child(4), .callsTable thead tr th:nth-child(7), .callsTable tbody tr td:nth-child(7){
		display: none;
	}
}
@media (max-width: 776px){
	#dropdown{
		float: left !important;
		margin-bottom: 10px;
	}
	.drop_down_alert, .drop_login_alert, .drop_down_second_alert {
		width: 280px !important;
	}
}
@media (max-width: 794px) {
    .templatesTable thead tr th:nth-child(7), .templatesTable tbody tr td:nth-child(7){
        display: none;
    }
}
@media (max-width: 799px) {
	#fieldDropDown {
		margin-left: 44%;
		width: 89%;
	}

	.inputFieldAlligner{
		margin: -28px 0 10px 50%;
		padding-top: 5px;
		padding-bottom: 5px;
		position: static; 
		width: 63%;
	}
	.activities_home .col9{
		display: none !important;
		width: 200px !important;
	}
	.callBlockTable th:nth-child(5), .callBlockTable td:nth-child(5){
		display: none;
	}
}
@media (max-width: 800px) {
	.activitiesTable td:nth-child(7), .activitiesTable th:nth-child(7) {
		display: none;
	}
	.personSearchTableHolder .SALUTDESC, .personSearchTableHolder .BIRTHDT{
		display: none;
	}
}
@media (max-width: 815px) {
	#activityfilter, #callfilter{
		float: left;
	}
}

@media (max-width: 820px) {
	main {
		padding: 0;
	}
	main section.columns {
		width: 80%;
	}

	#fieldDropDown {
		width: 90%;
		margin-left: 0;
	}
	#inbox-table > thead > tr > th:nth-child(4), #inbox-table > tbody > tr > td:nth-child(4) {
		display: none;
	}
	
	.modal {
		top: 165px;
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		height: auto;
		z-index: 90;
	}
	.showOnSmallest{
		display: none;
	}
	
	.rightAllignment{
		margin-left: 0;
	}

	.selection-control {
		float: left;
		margin: 0 10% 10% 10%;
		width: 80%;
	}
	.label-control{
		margin-right: 0;
		padding-top: 5px;
		float: left;
	}
	.edit-label-control{
		float: none;
		margin-right: 0;
		padding-top: 5px;
	}
    .affiliation-div .contactDetailsSection {
		width: 100% !important;
	}
}
@media (min-width: 820px) and (max-width: 991px) {
	main section.columns.editScreen{
		width: 640px;
	}
	
	#fieldDropDown {
		width: 80%;
	}
	
	.inputFieldAlligner{
		margin: -28px 0px 10px 50%;
		position: static;
		padding: 8px 0 8px 12px;
	}

	.edit-form-control{
		width: 50%;
		margin: -30px 0 10px 48%;
		padding: 8px 0 8px 12px;
	}

	.dateInList{
		width: 90%;
		float: left;
		margin: 0 0 10px 0;
		padding: 8px 0 8px 12px;
	}

	.label-control{
		margin-right: 0;
		padding-top: 5px;
		float: left;
	}
	
	.edit-label-control{
		float: none;
		margin-right: 0;
		padding-top: 5px;
	}
	.selection-control {
		float: none;
		margin: 10px 0px 10px 120px;
		width: 60%;
	}
	.showOnSmallest{
		display: none;
	}	
}

@media (min-width: 840px) {	
	#mailOuterForm{
		width: 70%;
		margin: 20px auto;
	}
	#mailFirstDiv{
		float: left;
		width: 520px;
		margin-right: 15px;
	}
}

@media (max-width: 850px) {
	.dropdown ul, .dropdown li, .dropdown li > ul li > ul li a{
		font-size: 10px;
	}

	main section.columns.one-quarter {
		margin-top: 20px;
		margin-bottom: 0px;
		margin-left: 15%;	
	}
	main section.columns.two-third {
		float: left;
	}
	small{
		font-weight: normal;
	}
	.move-mail .inlineblock{
		width: 100%
	}
	.move-mail .inlineblock .attached-content{
		margin-bottom: 10px;
	}
	.accountSearchTableHolder .PHONE, .accountSearchTableHolder .HNRADD {
		display: none;
	}
	.orderBlockTable .ORDSALESREP, .orderBlockTable .CYCLUSDESC, .orderBlockTable .NUMMEROR01, .orderBlockTable .ORDTYPEDESC, .hsQuotationBlockTable .D_BEDRAGOR04,
	.quotationBlockTable .CYCLUSDESC, .quotationBlockTable .NUMMEROR03, .courseAttendeesBlockTable .EVENTID, .documentBlockTable .preview_icon, .hsQuotationBlockTable .NUMMEROR04,
	.documentBlockTable .MAKEDAT, .orderBlockTable .D_BEDRAGOR01, .orderBlockTable .editicon, .quotationBlockTable .D_BEDRAGOR03, .quotationBlockTable .editicon,
	.orderBlockTable .expand, .quotationBlockTable .expand, .courseAttendeesBlockTable .DELPRSLNM {
		display: none;
	}
}

@media (max-width: 876px) {
	.tag-field{
		width: 80%;
	}
}
@media screen and (max-width: 900px) {
	.moreinfo-popup{
		width: calc(93% - 33px);
		left: 3%;
	}
	
	#page {
		min-width: 100%;
	}	
	
	#rightside {
		width: 100%;
		min-width: 320px;
	}
	
	#header {
		position: fixed;
		top: 0px;
		height: 72px;
		border-top: 12px solid #6CA237;
		border-top: 12px solid var(--accounts-color, #6CA237);
		text-align: center;
		width: 100%;
		z-index: 99;
	}

	#header #header-image {
		position: absolute;
		width: 100%;
		background-size: cover;
		height: 75px; 
		background-image: url('../images/header-image.jpg');
	}

	#header #screen-type-field {
		position: relative;
		top: 5px;
		text-align: center; 
	}
																  
	#header #home-image {
		position: relative;
		top: 10px;
		margin-right: 18px;
	}
																  
	#header #search-field {
		position: relative;
		width: calc(100% - 141px);
	}
	
	.small-icons-responsive {
		display: block;
		margin-top: 12px;
		margin-bottom: -17px;
	}
	.small-icon-container {
		display: inline-block;
		width: 31px;
		height: 31px;
		background-color: #2a353b;
		margin: 0px 22px 0px 0px;
		border-radius: 15px;
		-webkit-border-radius: 15px; 
		-moz-border-radius: 15px; 
	}
	.small-icon-image {
		position: relative;
		top: 1px;
		left: -1px;
		width: 31px;
		height: 31px;
	}
	
	.screen-type {
		font-size: 20px;
		letter-spacing: 1.5px;
	}
	
	.column-contactperson {
		border-left: 0px solid #fff;
		width: 100%;
		padding: 4px 12px 5px 12px;
	}
	
	.phonenumber, .emailaddress, .logo-contactperson, .column-files, .column-agenda, .column-empty,
	.column-organisation, .column-contactperson-header, .column-contactperson-footer,
	#footer #footer-right #options, #leftside, #header #breadcrumb-field, .documents_home .documentsTable .MAKEDAT{
		display: none;
	}
	
	.name-organisation {
		display: inline-block;
	}
	.name-contactperson {
		display: inline-block;
		margin-top: 16px;
		padding-bottom: 8px;
	}
		
	.data-contactperson {
		color: #303880;
		font-size: 16px;
		line-height: 18px;
	}
	.data {  
		margin: -11px 68px 0px 75px;
		color: #6f7889;
		font-size: 16px;
		line-height: 21px;
		min-height: 22px;
	}

	.contactperson-divider1, .small-icons-responsive-left {
		float: left;
	}
	.contactperson-divider2, .small-icons-responsive-right {
		float: right;
	}	
	
	.icon-phone {
		position: relative;
		left: -81px;
		margin-top: 6px;
		width: 40px;
		height: 44px;
	}
	.icon-mail {
		position: relative;
		left: 41px;
		margin-top: 4px;
		width: 40px;
		height: 44px;
	}

	.photo-contactperson {
		display: block;
		margin: 6px 22px 0px 10px;
	}
	
	.subheading {
		border-top: 1px solid #d4d8dc;
		padding-top: 10px;
	}
	.small-header { 
		position: absolute;
		font-size: 12px;
	}
	.small-header-grayout {
		position: absolute;
		background-color: #2a353b;
		font-size: 12px;
	}
	
	#footer {
		bottom: 0px;
		width: 100%;
	}
    .footer_block{
        width: 15%;
    }
	.footer_help{
		width: 43px;
		margin-right: 0 !important;
	}
	.footer_favorite{
		width: 62px !important;
		margin-right: 0 !important;
	}
	.footer_menu{
		margin-right: 0%;
		width: 42px !important;
	}
	.footer-icon-left {
		position: relative;
		float: left;
		top: 11px;
		width: 34px;
		height: 34px;
		margin-left: 24px;
	} 
	.footer-icon-right {
		position: relative;
		float: left;
		top: 11px;
		width: 34px;
		height: 34px;
		margin-right: 24px;
	}
    .more-emails-btn {
		margin-left: 8px;
		margin-top: 10px !important;
		float: left;
	}
	.coursesagenda-page .left-div{
		width: 100% !important;
	}
	.coursesagenda-page .left-div, .coursesagenda-page .right-div{
		float: left !important;
	}
}
@media screen and (min-width: 901px) {
	#header #breadcrumb-field {
		position: absolute;
		top: 127px;
		left: 43px;
		height: 16px;
		overflow: hidden;
	}
}

@media (max-width: 930px) {	
	#attendeefilter{
        float: left !important;
    }
}

@media (max-width: 942px) {	
	#attendeefilter{
        float: left !important;
    }
}

@media (max-width: 950px) {	
	.accounts_home .col3, .activities_home .col2, .activities_home .col3{
		display: none !important;
	}
	.settings-changed{
		display: none;
	}
}

@media (max-width: 990px) {
    .timepage table{
        margin-right: 10px !important;
    }
	.contactDetailsSection .second{
		width: 62%;
	}
	.showOnSmallest{
		display: none;
	}
	
	.personsTable th.EMAIL, .personsTable td.EMAIL {
		display: none;
	}
	
	body.webregs_home .personTableHolder{
		width: calc(90% - 48px) !important;
	}
	
	#mailOuterForm{
		width: 100%;
		margin: 20px auto;
	}
	#mailFirstDiv{
		float: left;
		width: 100%;
	}
	#mailSecondDiv{
		float: left;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#mailOverlay{
		width: 93% !important;
	}
	#settingsForm1 div:not(.codes-page) .second {
		width: 90% !important;
		margin-left: 20px;
		margin-top: 0px;
	}
	.checkinbox.createact .settings-div .first label{
		padding-left: 0px !important;
	}
	.checkinbox.createact .settings-div{
		width: 100% !important;
		height: 56px !important;
	}
	.checkinbox.createact .settings-div .second{
		margin-left: 0px !important;;
	}
	
	.codes-page .dataTables_filter, #settingsForm1 .codes-page .second{
		width: 90% !important;
		margin-left: 0 !important;
		margin-top: 0px !important;
	}
	.codes-page .dataTables_filter input{
		width: 100% !important;
		margin-top: 3px !important;
		margin-left: 0 !important;
	}
	#settingsForm1 .color-table {
	    width: 100%;
		margin-right: 40px;
	}
	#settingsForm1 .pass_save {
		margin-left: 0px !important;
	}
	.action_delete{
		margin-right: 0px;
	}
	#settingsForm1  #pswd_info{
		margin-top: 70px;
		margin-left: 0px;
	}
	#settingsForm1 .change_password_divs .second input{
	    margin-left: -21px !important;
	}
	.save-bottom{
		display: block !important;
		float: left;
        margin-top: 0;
		width: 100%;
		margin-left: 10px;
	}
    .settings-div .disabled_fieldset{
        right: 10% !important;
    }
}
@media (min-width: 992px) {
	main section.columns.one-third.rightest{
		float: left;
	}
	main section.columns.one-third.middle, main section.columns.one-third.leftest{
		margin-right:10px;
	}
	main section.columns.one-third{
		margin-left: 0;
	}
	main section.columns.two-third{
		width: 94%;
	}
	main section.columns.editScreen{
		float: left;
		width: 60%;
		margin-left: 20%;
	}
	
	.inputFieldAlligner{
		margin: -28px 0 10px 45%;
		position: static;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 50%;
	}

	.label-control{
		float: left;
		padding-top: 8px;
	}

	.adjust-label-control{
		float: none;
		padding-top: 8px;	
	}

	#fieldDropDown {
		width: 90%;
	}
}
@media (max-width: 900px) {
	.total-emails {
		float: left;
		margin-left: 7px;
		margin-top: 3px !important;
	}
	.more-emails-btn{
	    margin-top: -53px;
	}
	.callsTable thead tr th:nth-child(11), .callsTable tbody tr td:nth-child(11), .callBlockTable .CALLRUBRIC, .callBlockTable .CALLSUBRUBRIC, .documentBlockTable .DOCSENDDESC,
	.opportunityBlockTable .BESLDAT, .quotationBlockTable .QUOTSALESREP, .hsQuotationBlockTable .D_VERT{
		display: none;
	}
}
@media (max-width: 920px) {
	.accountsTable thead tr th:nth-child(6), .accountsTable tbody tr td:nth-child(6), .personsTable thead tr th.EMAIL, .personsTable tbody tr td.EMAIL, 
	.activitiesTable thead tr th:nth-child(6), .activitiesTable tbody tr td:nth-child(6), .callsTable thead tr th:nth-child(7), .callsTable tbody tr td:nth-child(7),
    .templatesTable thead tr th:nth-child(6), .templatesTable tbody tr td:nth-child(6),.usersTable thead tr th:nth-child(6), .usersTable tbody tr td:nth-child(6),
	.courseAttendeesBlockTable thead tr th:nth-child(6), .courseAttendeesBlockTable tbody tr td:nth-child(6), .documentBlockTable .ORGFILENAME, .orderBlockTable .NUMMEROR01 {
		display: none;
	}
}

@media (max-width: 980px) {
	#accountfilter, #personfilter, #activityfilter, #callfilter, #opportunityfilter, #orderfilter, #quotationfilter, #documentfilter, #accountfilter{
		right: 0 !important;
	}
	.filter-sidebar{
		width: 50%;
		display: none;
		position: fixed;
		right: 0;
		height: 100%;
		top: 15%;
		padding: 8px;
		margin-top: 40px;
	}
	.cancel-filter{
		display: block;
	}
	.table-content {
		width: 100% !important;
	}
	.filter-sidebar{
		box-shadow: -2px 0px 9px 0px #666;
	}
    .modulesaccos .modulelabel, .modulesaccos .accolabel{
        width: 98% !important;
    }
    .modulesaccos .modulelabel  {
        margin-bottom: 20px !important;
    }
	.accountSearchTableHolder .TYPEDESC, .callBlockTable .MUTDAT, .documentBlockTable .VERTOMS, .opportunityBlockTable .REVDT {
		display: none;
	}
}
@media (max-width: 990px) {
	.adm_maillog_sum .keyValueContainer .first {
		width: 35%;
	}
	.adm_maillog_sum .keyValueContainer .second {
		width: 65%;
	}
}
@media (max-width: 1015px) {
	main {
		padding: 0; 
	}
	main section.columns {
		width: 100%;
	}
	main section.columns.one-quarter, main section.columns.three-quarters, main section.columns.one-third, main section.columns.two-third {
		width: 94% !important;
	}
	.activity-featuretable{
		left: 6%;
		right: 6%;
		width: calc(88% - 15px);
	}
	.mailparts-to-copy .left, .mailparts-to-copy .right, .dmisoh19-div .wide-dmisc01 .dataTables_wrapper{
		width: 100% !important;
	}
	.mailparts-to-copy .right{
		margin-top: 5px;
	}
	.reject-table, .promoteorder-table{
	    width: 81% !important;
		margin-left: 1% !important;
		margin-top: 6px;
	}
	.order-ck-section, .quotation-ck-section, .histquotation-ck-section{
		margin-top: 10px !important;
	}
	.first.colreps{
		margin-top: -3px !important;
	}
	.default-course-div .freetext-link, .attendee-div .freetext-link{
		margin-top: 13px !important;
	}
	.personSearchTableHolder, .accountSearchTableHolder{
		margin-left: 3% !important;
		width: 90% !important;
		left: 0 !important;
	}
	
	div.planitem .filter-popup{
		left: calc(82% - 428px) !important;
	}
	.opportunity-div .filter-popup{
		top: 704px !important;
		right: calc(20% - 5px) !important;
	}
	.dmisko01_verslagko01{
		margin-top: 8px !important;
	}
}

@media (max-width: 1023px) {
	.activitiesTable td:nth-child(7), .activitiesTable th:nth-child(7), .templatesTable thead tr th:nth-child(5), .templatesTable tbody tr td:nth-child(5), .usersTable thead tr th:nth-child(5), .usersTable tbody tr td:nth-child(5) {
		display: none;
	}
	
	.details_container > span{
		width: 100% !important;
	}
	.left-details, .right-details{
		width: 100%;
		float: left;
	}
	#inbox-table tbody td:nth-child(10), #inbox-table thead th:nth-child(10), .attendeesTable tbody td:nth-child(6), .attendeesTable thead th:nth-child(6){
		display: none;
	}
	.tag-field{
		width: 84%;
	}
}
@media (max-width: 1040px) {
	.settask-dsp-container{
		width: 96% !important;
	}
	
	.invoice_container .settask-dsp-container{
		padding-left: 34px;
	}
	
}	
@media (max-width: 1070px) {
	.accountsTable thead tr th:nth-child(7), .accountsTable tbody tr td:nth-child(7), .personsTable thead tr th.ROLEDESC, .personsTable tbody tr td.ROLEDESC,
	.activitiesTable thead tr th:nth-child(8), .activitiesTable tbody tr td:nth-child(8), .callsTable thead tr th:nth-child(9), .callsTable tbody tr td:nth-child(9),
    .templatesTable thead tr th:nth-child(11), .templatesTable tbody tr td:nth-child(11),
	.courseAttendeesBlockTable thead tr th:nth-child(7), .courseAttendeesBlockTable tbody tr td:nth-child(7), .documents_home .documentsTable .VERTOMS{
		display: none;
	}
	#inbox-table_wrapper{
		margin-top: -15px;
	}
	#inbox-table_filter{
		margin-right: 0 !important;
	}
	#alertfilter{
		float: left;
	}
}
@media (max-width: 1126px) {
	.documents_home .documentsTable .DOCID{
		display: none;
	}
}
@media (max-width: 1175px) {
	.first.colreps{
		margin-top: -11px !important;
	}
}
@media (max-width: 1200px) {
	.dropdown ul{
		padding-left: 15px;
	}
	.documents_home .documentsTable .REFERENCE{
		display: none;
	}
}
@media (max-width: 1230px) {
	.mailbox-div .widelbl .first label{
		margin-top: -6px !important;
	}
}
@media (max-width: 1234px) {
	.first{
		padding-bottom: 4px !important;
	}
	.login #pswd_info{
		margin-top: 96px !important;
	}
}
@media (max-width: 1279px) {
	.save_btn, .empty_btn, .add_filter, .save_search_filter{
		width: 100% !important;
	}
	.save_search_filter{
		margin-left: 0 !important;
	}
	.accountsTable thead tr th:nth-child(8), .accountsTable tbody tr td:nth-child(8), .personsTable thead tr th.CHRNAME, .personsTable tbody tr td.CHRNAME,
	.activitiesTable thead tr th:nth-child(9), .activitiesTable tbody tr td:nth-child(9), .activitiesTable thead tr th:nth-child(10), .activitiesTable tbody tr td:nth-child(10), 
	.callsTable thead tr th:nth-child(8), .callsTable tbody tr td:nth-child(8),
	.courseAttendeesBlockTable thead tr th:nth-child(8), .courseAttendeesBlockTable tbody tr td:nth-child(8){
		display: none;
	}
}
@media (max-width: 1286px) {

	.timepage .search-orderrows-table, .timepage .search-courses-table { width: 100%; }
	.timepage .add-orders-row{
		width: 60%;
	}
	.timepage .orderrows-results, .timepage .courses-results{
		width: calc(100% - 30px);
	}
}

@media (max-width: 1292px) {
	.left-maildiv, .maildocuments-parent, .email-documents, .mail-default-documents-parent{
		width: 100% !important;
	}
	
}

@media (max-width: 1350px) {
    .agenda-datefilter {
        float: left;
        margin-right: 500px;
        margin-top: 5px;
        width: 438px;
        margin-left: 7px;
    }    
}
@media (max-width:1395px){
	.timepage .timewriting-header{ width: 100%; float: left; }
	
}

@media (max-width:1397px){
	.settings-basedon{
		display: none;
	}
}
@media (max-width:1570px){
	.settings-vert{
		display: none;
	}
}

.snowflake {
	color: #fff;
	font-size: 1em;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 5px #000;
	font-size: 50px;
}
@-webkit-keyframes snowflakes-fall{0%{top:30%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}

.snowflake{position:fixed;top:30%;z-index:-1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

@keyframes spinround {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinround {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(-60deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(300deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(-60deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(300deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(-60deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(300deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(-60deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(300deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(-60deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(300deg);
	}
}

/* Start refresh spinner for active tasks */
@keyframes rotaterefresh {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}