/* CSS Amyyon Web Help Module */


/* Override */
.slideout-help .block {
    line-height: 1.8;
    list-style-type: disc;
}
.slideout-help .help-block {
    background-color:#e2e2e2;
}
.slideout-help h4 label {
    margin-bottom: 8px;
}
.slideout-help .block li {
    list-style-type: disc;
}
.slideout-help .block ul.no-bullets {
    padding-inline-start: 10px;
}
.slideout-help .block ul.no-bullets li {
    list-style-type: none;
}

/* Size SVG icons*/
.svg-small {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333;
    background-size: 16px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* Round SVG icons*/
.svg-save,
.svg-mail,
.svg-copy-icon,
.svg-copy,
.svg-trash,
.svg-left,
.svg-right,
.svg-linkedin,
.svg-kvk,
.svg-settings,
.svg-actions,
.svg-actions-white,
.svg-planboard,
.svg-check-box,
.svg-check,
.svg-future,
.svg-past {
    border-radius: 50%;
    -webkit-border-radius: 50%; 
}

/* Background size SVG icons*/
.svg-home,
.svg-footer_add,
.svg-checkmark,
.svg-trash,
.svg-kvk,
.svg-settings,
.svg-actions,
.svg-actions-white,
.svg-generate-excel.svg,
.svg-generate-word.svg,
.svg-generate-apetail.svg,
.svg-activities-dark.svg,
.svg-feature.svg,
.svg-download,
.svg-dropbox,
.svg-my-activities,
.svg-word,
.svg-pdf,
.svg-appointment,
.svg-appointment-accept,
.svg-appointment-cancel,
.svg-task,
.svg-closed,
.svg-exclamation,
.svg-forward,
.svg-opened,
.svg-paperclip,
.svg-reply,
.svg-close {
    background-size: 20px;
}
/* Path & props SVG icons*/
.svg-save {
    background-image: url("../images/action/save.svg"); 
}
.svg-left {
    background-image: url("../images/action/white-arrow-left.svg");
	background-size: 12px !important;
}
.svg-right {
    background-image: url("../images/action/white-arrow-right.svg");
	background-size: 12px !important;
}
.svg-hamburger {
    background-image: url("../images/action/hamburger.svg");
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.svg-mail {
    background-image: url("../images/action/mail.svg");
}
.svg-copy-icon {
    background-image: url("../images/action/copy-icon.svg");
}
.svg-copy {
    background-image: url("../images/action/copy.svg");
}
.svg-planboard {
    background-image: url("../images/action/planboard.svg");
}
.svg-trash {
    background-image: url("../images/action/trash.svg"); 
}
.svg-add {
    background-image: url("../images/action/add.svg"); 
}
.svg-download {
    background-image: url("../images/action/download.svg");
    background-color: transparent;  
}
.svg-dropbox {
    background-image: url("../images/action/dropbox.svg");
    background-color: transparent;
}
.svg-linkedin {
    background-image: url("../images/action/linkedin.svg"); 
}
.svg-kvk {
    background-image: url("../images/action/kvk.svg"); 
}
.svg-settings {
    background-image: url("../images/action/settings.svg"); 
}
.svg-actions {
    background-image: url("../images/action/actions.svg");
    background-color: transparent; 
}
.svg-actions-white {
    background-image: url("../images/action/actions-white.svg");
    background-color: transparent; 
}
.svg-logout {
    background-image: url("../images/action/logout.svg");
    background-color: #6CA237;
}
.svg-filter {
    background-image: url("../images/action/open-filter-arrow.svg");
    background-color: #6CA237;
}
.svg-generate-excel {
    background-image: url("../images/filetypes/generate-excel.svg"); 
    background-color: transparent;
}
.svg-generate-word {
    background-image: url("../images/filetypes/generate-word.svg"); 
    background-color: transparent;
}
.svg-apetail {
    background-image: url("../images/action/apetail.svg");
    background-color: transparent;
}
.svg-activities-dark {
    background-image: url("../images/action/activities_dark.svg");
    background-color: transparent;
	background-size: 21px !important;
	background-position: 1px 0px !important;
}
.svg-my-activities {
    background-image: url("../images/action/my-activities.svg");
    background-color: transparent;
}
.svg-feature {
    background-image: url("../images/action/feature.svg");
    background-color: transparent;
}
.svg-cancel-attendee {
    background-image: url("../images/action/cancel-attendee.svg");
    background-color: transparent;
}
.svg-check-box {
    background-image: url("../images/action/check-box.svg");
}
.svg-check {
    background-image: url("../images/action/check.svg");
    background-color: transparent;
}
.svg-future {
    background-image: url("../images/action/future_blue.svg");
    background-color: transparent;
}
.svg-past {
    background-image: url("../images/action/past_red.svg");
    background-color: transparent;
}
.svg-list {
    background-image: url("../images/action/list.svg");
}
.svg-close {
    background-image: url("../images/action/close.svg");
    background-color: transparent;
}
.svg-printer{
	background-image: url("../images/action/printer.svg");
	border-radius: 15px;
}
.svg-merge{
	background-image: url("../images/action/merge.svg");
	background-size: 14px;
	border-radius: 15px;
}
.svg-portal{
	background-image: url("../images/action/calls.svg"); 
	background-size: 16px;
	border-radius: 15px;
}
.svg-timewriting{
	background-image: url("../images/action/timewriting.svg"); 
	background-size: 18px;
	border-radius: 15px;
}
.svg-report{
	background-image: url(../images/action/report.svg);
	background-size: 17px;
	border-radius: 15px;
}

/* Filetypes */
.svg-word {
    background-image: url("../images/filetypes/word.svg");
    background-color: transparent;
}
.svg-pdf {
    background-image: url("../images/filetypes/pdf.svg");
    background-color: transparent;
}
/* Inbox */
.svg-appointment {
    background-image: url("../images/inbox/appointment.svg");
    background-color: transparent;
}
.svg-appointment-accept {
    background-image: url("../images/inbox/appointment-accept.svg");
    background-color: transparent;
}
.svg-appointment-cancel {
    background-image: url("../images/inbox/appointment-cancel.svg");
    background-color: transparent;
}
.svg-task {
    background-image: url("../images/inbox/task.svg");
    background-color: transparent;
}
.svg-closed {
    background-image: url("../images/inbox/closed.svg");
    background-color: transparent;
}
.svg-exclamation {
    background-image: url("../images/inbox/exclamation.svg");
    background-color: transparent;
}
.svg-forward {
    background-image: url("../images/inbox/forward.svg");
    background-color: transparent;
}
.svg-opened {
    background-image: url("../images/inbox/opened.svg");
    background-color: transparent;
}
.svg-paperclip {
    background-image: url("../images/inbox/paperclip.svg");
    background-color: transparent;
}
.svg-reply {
    background-image: url("../images/inbox/reply.svg");
    background-color: transparent;
}


/* Footer SVG icons*/
.svg-home {
    background-image: url("../images/action/home.svg"); 
}
.svg-footer_back {
    background-image: url("../images/action/footer_back.svg");
    background-size: 22px; 
}
.svg-footer_edit {
    background-image: url("../images/action/footer_edit.svg"); 
}
.svg-footer_add {
    background-image: url("../images/action/footer_add.svg");  
}
.svg-footer_help {
    background-image: url("../images/action/footer_help.svg");  
}
.svg-checkmark {
    background-image: url("../images/action/checkmark.svg");   
    background-color: #A5173F;
}
.svg-column-eye-dark {
    background-image: url("../images/action/column-eye-dark.svg"); 
    background-color: transparent; 
}
.svg-edit-dark {
    background-image: url("../images/action/edit-dark.svg"); 
    background-color: transparent; 
}

/* Small SVG icons*/
.svg-smaller {
    background-size: 15px;
    width: 20px;
    height: 20px;
}

/* Textbox transparant */
.hlp-ctrl {
    box-sizing: border-box;
    color: #111;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 0.9em;
}

/* Textbox black */
.hlp-ctrl-black {
    box-sizing: border-box;
    color: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    vertical-align: middle;
    border: 1px solid #2a353b;
    font-size: 0.9em;
    padding: 3px 10px 2px 25px !important;
	white-space: nowrap;

}
/* Controls & buttons */
.hlp-ctrl-dropdown {
	padding: 3px 29px 4px 13px !important;
	background-image: url(../images/action/arrow-down.svg);
    background-size: 16px;
    background-repeat: no-repeat;
	background-position: right 6px top 2px;
}
.hlp-ctrl-search {
    padding: 3px 45px 2px 25px !important;
    background: #fff url(../images/action/search.svg) left 5px center no-repeat;
    background-size: 16px;
}
.hlp-ctrl-execute {
    background: #2a353b url(../images/action/actions-white.svg) left 5px center no-repeat;
    background-size: 16px;
}
.hlp-ctrl-add {
    background: #2a353b url(../images/action/add.svg) left 5px center no-repeat;
    background-size: 16px;
}
.hlp-ctrl-trash {
    background: #2a353b url(../images/action/trash.svg) left 5px center no-repeat;
    background-size: 16px;
}
.hlp-ctrl-no-svg {
    background-color: #2a353b;
    padding: 3px 10px 2px 10px !important;
}
.hlp-add-control {
    background: url(../images/action/add.svg) left 4px top 4px no-repeat;
    background-color: #2a353b;
    background-size: 13px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding:3px 10px 3px 18px;
    color: white;
    font-size: 0.9em;
	white-space: nowrap;
}

/* Module name*/
.hlp-center {
    text-transform: uppercase;
	font-weight: bold;
	font-size: 1.4em;
}
.help-content > p{
	font-weight: bold;
}
/* Inner accordion */
.accordion-toggle {
    cursor: pointer;
    background-color: #e2e2e2;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #d1dbe4;
    margin: 0;
/*     text-transform: uppercase; */
    padding: 4px 0 4px 16px !important;
    /* text-align: center; */
    margin-bottom: 6px !important;

}
.accordion label {
    float: none !important;
}
.accordion-content {
    display: none;
    padding-left: 10px;
}
.slideout-help .block .accordion-content {
    margin-bottom: 15px;
}

/* .accordion-content.default {
    display: block;
} */

/* Media query */
@media only screen and (max-width: 480px) {
    ul {
        padding-left: 10px;
    }
}