/* CSS stylesheet voor KNOPPEN crm123 - ingelogd */

/* Hoofdmenu-Buttons (Relaties, Contacten enz ...)  */

/* Hoofdmenu-Buttons (Relaties, Contacten enz ...)  */

p.tegel-font-icon {  /* SV: De fontawesome icoontjes op de tegels staan in een <P> met deze class. */
   margin-top: 15px; 
   text-align: center;
   color: #58A7D2;
}

p.tegel-font-icon:hover {
   color: #777;
}
.fs-menu {
     font-size: 40px; 
    /* padding: 5px; */
}
div.BtnAlgemeen {
    float: left;
    width: 100px;
    height: 32px;
    border: 2px #ddd solid;
    background-color: #fdfdfd;
    margin: 0 19px 0 0;
    padding: 80px 8px 8px 8px;
    border-radius: 50%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 21%;
    cursor: pointer;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
div.BtnAlgemeen:hover {
    background-color: #f4f4f4;
    border: 2px #F7AA19 solid;
    cursor: pointer;
    /*   -webkit-box-shadow: 0 0 3px 3px #eaeaea;  SV: Shadow bij hover
   box-shadow: 0 0 3px 3px #eaeaea;*/
}
div.BtnAlgRechts {
    float: right;
}
div.BtnBedrijven {
    /*background-image: url('../../assets/images/icons/64x64/home.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/relaties.png');
}
div.BtnContacten {
    /*background-image: url('../../assets/images/icons/64x64/business_users.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/contacten.png');
}
div.BtnAfspraken {
    background-image: url('../../assets/images/icons/64x64/note_book.png');
    background-image: url('../../assets/images/icons2/blauw-paars/50/actielijst.png');
}
div.BtnCalendar {
    background-image: url('../../assets/images/icons2/blauw-paars/50/calendar.png');
}
div.BtnSync {
    background-image: url('../../assets/images/icons2/blauw-paars/50/synchronize.png');
}
div.BtnSynchronize {
    background-image: url('../../assets/images/icons2/blauw-paars/50/sync_relaties.png');
}
div.BtnAssignment {
    background-image: url('../../assets/images/icons2/blauw-paars/50/assignment.png');
}
div.BtnExportGL {
    background-image: url('../../assets/images/icons2/blauw-paars/50/finance_down.png');
}
div.BtnAgendaLines {
    background-image: url('../../assets/images/icons2/blauw-paars/50/calendarToInvoice.png');
}
div.BtnExportUpdate {
    background-image: url('../../assets/images/icons2/blauw-paars/50/update_finance.png');
}
div.BtnFinance {
    /*background-image: url('../../assets/images/icons/64x64/notes_edit.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/verkopen.png');
    /*background-position: 26px 10px;*/
}
div.BtnContracten {
    /*background-image: url('../../assets/images/icons/64x64/notes_edit.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/verkopen.png');
    /*background-position: 26px 10px;*/
}
div.BtnInvoice {
    /*background-image: url('../../assets/images/icons/64x64/notes_edit.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/snelle_verkoop.png');
    /*background-position: 26px 10px;*/
}
div.BtnContact {
    /*background-image: url('../../assets/images/icons/64x64/notes_edit.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/contact.png');
    /*background-position: 26px 10px;*/
}
div.BtnOverzichten {
    /*  background-image: url('../../assets/images/icons/64x64/folder_full.png');*/
    /*background-image: url('../../assets/images/icons/64x64/pages_written.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/overzichten.png');
    /*background-position: 22px 6px;*/
}
div.BtnUitloggen {
    margin-right: 35px;
    /*margin-top: -30px;*/
    /*background-image: url('../../assets/images/icons/64x64/unlock.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/uitloggen.png');
}
div.BtnInstellingen {
    margin-right: 35px;
    /*background-image: url('../../assets/images/icons/64x64/computer_process.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/instellingen.png');
    /*background-position: 22px 18px;*/
}
div.BtnExport2Mailing {
    /*background-image: url('../../assets/images/icons/64x64/export2mailing.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/export.png');
    /*background-position: 22px 18px;*/
}
div.BtnMailing {
    background-image: url('../../assets/images/icons2/blauw-paars/50/mailing.png');
}
div.BtnTicket {
    /*background-image: url('../../assets/images/icons/64x64/tickets.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/tickets.png');
    /*background-position: 22px 14px;*/
}
div.BtnClock {
    background-image: url('../../assets/images/icons2/blauw-paars/50/clock.png');
}
div.BtnClockDown {
    background-image: url('../../assets/images/icons2/blauw-paars/50/clock_down.png');
}
div.BtnProjectDesktop {
    background-image: url('../../assets/images/icons2/blauw-paars/50/to_desktop.png');
}
div.BtnMobiel {
    /*background-image: url('../../assets/images/icons/64x64/smart_phone.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/mobile.png');
}
div.BtnSteleenvraag {
    background-image: url('../../assets/images/icons2/blauw-paars/50/support.png');
}
div.BtnVindons {
    background-image: url('../../assets/images/icons2/blauw-paars/50/vindons.png');
}
div.BtnAdd {
    background-image: url('../../assets/images/icons2/grijs/30/Plus.png');
    width: 30px;
    height: 30px;
}
div.BtnBack, div.BtnBack24 {
    /*background-image: url('../../assets/images/icons/32x32/home2.png');*/
    background-image: url('../../assets/images/icons2/grijs/30/Home.png');
    background-size: 30px 30px;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    float: right;
}
/* Give the Home link its own clickable block instead of an empty inline wrapper. */
#nav1 > a.nav-home {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
#nav1 > a.nav-home > .BtnBack {
    display: block;
    float: none;
    margin-right: 0;
}
div.BtnPlay24 {
    background-image: url('../../assets/images/icons/24x24/play.png');
    margin-right: 5px;
    width: 24px;
    height: 24px;
    float: right;
}
div.BtnHome {
    background-image: url('../../assets/images/icons/32x32/home.png');
    margin-right: 5px;
    width: 32px;
    height: 32px;
    float: right;
}
div.BtnHelp {
    background-image: url('../../assets/images/icons2/grijs/30/Question2.png');
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    float: right;
}
div.BtnBackToGrid {
    /*background-image: url('../../assets/images/icons/non_square/btnBackToGrid.png');*/
    background-image: url('../../assets/images/icons2/grijs/30/CircledLeft.png');
    background-size: 30px 30px;
    margin-left: 5px;
    margin-right: 16px;
    width: 30px;
    height: 30px;
    float: right;
}
div.BtnBackToMenu {
    background-image: url('../../assets/images/icons/non_square/btnBackToMenu.png');
    margin-left: 5px;
    margin-right: 3px;
    margin-top: -4px;
    width: 100px;
    height: 32px;
    float: right;
}
div.BtnBackToReports {
    background-image: url('../../assets/images/icons/non_square/btnBackToReports.png');
    margin-left: 5px;
    margin-right: 3px;
    margin-top: -4px;
    width: 100px;
    height: 32px;
    float: right;
}
div.BtnAddUser {
    background-image: url('../../assets/images/icons/24x24/user_add.png');
    width: 24px;
    height: 24px;
}
div.BtnEditUser {
    background-image: url('../../assets/images/icons/24x24/user_edit.png');
    width: 24px;
    height: 24px;
}
div.BtnDeleteUser {
    background-image: url('../../assets/images/icons/24x24/user_delete.png');
    width: 24px;
    height: 24px;
}
div.BtnSearchUser {
    background-image: url('../../assets/images/icons/24x24/users_search.png');
    width: 24px;
    height: 24px;
}
div.BtnInstellingBack {
    background-image: url('../../assets/images/icons/24x24/computer_process.png');
    width: 24px;
    height: 24px;
    float: right;
}
div.BtnInstellingWindow {
    /*background-image: url('../../assets/images/icons/64x64/computer_process.png');*/
    background-image: url('../../assets/images/icons2/blauw-paars/50/instellingen.png');
    width: 50px;
    height: 50px;
}
/* TABS (Relaties, Locaties, Contacten, Financiën enz ...) -------------------------------------------------- */

/* TABS (Relaties, Locaties, Contacten, Financiën enz ...) -------------------------------------------------- */

div.Tabs {
    width: 148px;
    height: 24px;
    padding: 6px 0px 0px 0px;
    margin: 0px;
    float: left;
    font-family: arial, helvetica, sanserif;
    font-size: 16px;
    text-align: center;
    color: #333;
    -moz-border-radius: 17px 17px 0 0;
    -webkit-border-radius: 17px 17px 0 0;
    -khtml-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
}
div.TabActive {
    background-color: #F7AA19;
    color: #fff;
    text-shadow: 1px 1px #999;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-right: 2px solid #aaa;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
div.TabActive:hover {
    background-color: #FFAF1F;
    /*height: 24px;*/
    border-top: 2px solid #58A7D2;
    cursor: pointer;
}
div.TabNonActive {
    /*background-color: #fff;*/
    /*border: 1px solid #bbb;*/
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
div.TabNonActive:hover {
    background-color: #ddd;
    /*border: 1px solid #777;*/
    border-bottom: 0px;
    /*height: 24px;*/
    border-top: 2px solid #4897C2;
    border-left: 2px solid #4897C2;
    border-right: 2px solid #4897C2;
    color: #000;
    cursor: pointer;
}
div.TabInActive {
    /*background-color: #fff;*/
    /*border: 1px solid #aaa;*/
    border-bottom: 0px;
    color: #999;
    cursor: default !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
div.TabInActive:hover {
    /*background-image: url('../../assets/images/tab_non_active.png') !important;*/
    color: #999 !important;
}
/* EINDE  TABS (Relaties, Locaties, Contacten, Financiën enz ...) ---------------------------------------- */

/* EINDE  TABS (Relaties, Locaties, Contacten, Financiën enz ...) ---------------------------------------- */

/* SubTabjes binnen Contacten (Overzicht, Opvolgen, Afspraken, Bestanden ...) ---------------------------- */

/* SubTabjes binnen Contacten (Overzicht, Opvolgen, Afspraken, Bestanden ...) ---------------------------- */

#optionBar {
    /*  border: #d00 1px solid;*/
    padding: 0;
    margin: 0;
    background-color: #fff;
    width: 661px;
}
#linkOptionBar {
    border-bottom: 1px solid #bbb;
    margin-bottom: 25px;
}
div#linkOption {
    text-align: center;
    display: inline;
    padding: 8px 0px 7px 0px;
    cursor: pointer;
}
div#linkOptionActive {
    text-align: center;
    display: inline;
    padding: 8px 0px 7px 0px;
    cursor: pointer;
}
#linkOption .button
/* Gewoon subtabje */

    {
    font-size: 14px;
    color: #5f5f5f;
    background-color: #eee;
    margin-left: 2px;
    font-weight: normal;
    height: 26px;
    width: 126px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 0px;
    cursor: pointer;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px 7px 0px 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
#linkOption .button:hover
/* Hover gewoon subtabje */

    {
    background-color: #f7f7f7;
    color: #000;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 0px;
    cursor: pointer;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
#linkOptionActive .button
/* ACTIVE subtabje */

    {
    font-size: 14px;
    color: #fff;
    background-color: #58A7D2;
    margin-left: 2px;
    font-weight: normal;
    height: 26px;
    width: 126px;
    border-left: 1px solid #3380dd;
    border-top: 1px solid #3380dd;
    border-right: 1px solid #3380dd;
    border-bottom: 0px;
    cursor: pointer;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px 7px 0px 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
#linkOptionActive .button:hover
/* Hover ACTIVE subtabje */

    {
    background-color: #4897C2;
    border-left: 1px solid #06b;
    border-top: 1px solid #06b;
    border-right: 1px solid #06b;
    border-bottom: 0px;
    cursor: pointer;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
/* EINDE  SubTabjes binnen Contacten (Overzicht, Opvolgen, Afspraken, Bestanden ...) ---------------------------- */

/* EINDE  SubTabjes binnen Contacten (Overzicht, Opvolgen, Afspraken, Bestanden ...) ---------------------------- */

/* Action buttons (Opslaan, Verwijderen, Annuleer, Nieuw ...) --------------------------------------------------- */

/* Action buttons (Opslaan, Verwijderen, Annuleer, Nieuw ...) --------------------------------------------------- */

#actionLink {
    /* containtertje om actionbar en linkbar heen */
    border: 0;
    margin: 0 0 25px 0;
    padding: 0;
}
#actionBar {
    /*background-color: #f3f3f3;*/
    /*padding: 5px;*/
    height: 30px;
    width: 100%;
    margin-bottom: 27px;
    /*border: 1px solid #ddd;*/
    /*   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;  */
}
.actionBarFullWidth {
    width: 929px !important;
}
#buttonActionbar {
    margin: 0px;
    /*float: left;*/
    width: 100%;
}
#buttonActionbar .button, #buttonActionbar .button:focus {
    background-color: #0573BE;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    height: 32px;
    width: 123px;
    border: 2px solid #58A7D2;
    outline: none;
    cursor: pointer;
    /*float: left;*/
    margin-right: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
#buttonActionbar .button:hover {
    background-color: #58A7D2;
    color: #000;
    border: 2px solid #0573BE;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
#buttonActionbar .button:active {
    outline: none;
    border: none;
}
#buttonActionbar .buttonRight {
    float: right;
    margin-right: 0px;
    margin-left: 4px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
#buttonActionbar .buttonRight:hover {
    float: right;
    margin-right: 0px;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
/* SV: De RADIO-buttons TOGGLE (alles, alleen dinges, alleen geen dinges, enz : */

#buttonActionbar .button_radio {
    color: #eee;
    font-size: 13px;
    height: 30px;
    margin-left: 3px;
    width: 123px;
    cursor: pointer;
    background-color: #58A7D2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: inset -1px -1px 2px 0px #777;
    box-shadow: inset -1px -1px 2px 0px #777;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
}
#buttonActionbar .button_radio:hover {
    color: #fff;
    background-color: #3380dd;
    -webkit-box-shadow: inset 2px 2px 3px 0px #555;
    box-shadow: inset 2px 2px 3px 0px #555;
}
#buttonActionbar .active {
    height: 30px;
    margin-left: 3px;
    width: 123px;
    cursor: pointer;
    background-color: #F7AA19;
    color: #fff;
    font-size: 13px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: inset 2px 2px 3px 0px #333;
    box-shadow: inset 2px 2px 3px 0px #333;
    -webkit-border-radius: 17px;
    border-radius: 17px;
}
#buttonActionbar .active:hover {
    background-color: #58A7D2;
    color: #eee;
    -webkit-box-shadow: inset -1px -1px 2px 0px #777;
    box-shadow: inset -1px -1px 2px 0px #777;
}
/* SV: REPORTS */

table.report_list_head {
    border: 0;
    margin: 0;
    padding: 0;
}
p.rep_list_head {
    font-size: 16px;
    color: #555;
}
p.rep_hr {
    height: 1px;
    border-bottom: 1px #e0e0e0 solid;
    margin: 19px 0 9px 0;
    width: 920px;
}
p.rep_list {
    padding-left: 49px;
}
div.rep_icons
/* hoofdsoort reports */

    {
    width: 48px;
    height: 52px;
    padding-right: 10px;
    background-repeat: no-repeat;
}
div.rep_icons2
/* icons voor pdf en csv enz */

    {
    width: 90px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: 30px;
    background-size: 30%;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
div.rep_icons2:hover {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
div.rep_icon_rel {
    background-image: url('../../assets/images/icons/32x32/business_users_search.png');
}
div.rep_icon_todo {
    background-image: url('../../assets/images/icons/32x32/calendar.png');
}
div.rep_icon_project {
    background-image: url('../../assets/images/icons/32x32/overview_project.png');
}
div.rep_icon_time {
    background-image: url('../../assets/images/icons/32x32/clock.png');
}
div.rep_icon_invoice {
    background-image: url('../../assets/images/icons/32x32/verkopen.png');
}
div.rep_icon_lists {
    background-image: url('../../assets/images/icons/32x32/notes_edit.png');
}
div.rep_icon_scr {
    background-image: url('../../assets/images/icons/32x32/scr-icon.png');
}
div.rep_icon_pdf {
    background-image: url('../../assets/images/icons/32x32/pdf-icon.png');
}
div.rep_icon_csv {
    background-image: url('../../assets/images/icons/32x32/csv-icon.png');
}
.fakefile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.fakeField {
    float: left;
    height: 19px;
    padding: 2px;
    border: #ccc solid 1px;
    -moz-border-radius: 3px;
    width: 350px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.fakeButton, .fakeButton:focus {
    margin-left: 3px;
    float: left;
    font-weight: normal;
    width: 60px;
    border: 2px solid #58A7D2;
    cursor: pointer;
    color: #fff;
    float: left;
    cursor: pointer;
    text-align: center;
    height: 19px;
    line-height: 16px;
    padding: 2px;
    background-color: #0573BE;
    color: #ffffff;
    font-weight: normal;
    font-size: 13px;
    /*height: 30px;*/
    width: 123px;
    cursor: pointer;
    float: left;
    margin-right: 8px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-border-radius: 2px 15px 15px 2px;
    -webkit-border-radius: 2px 15px 15px 2px;
    -khtml-border-radius: 2px 15px 15px 2px;
    border-radius: 2px 15px 15px 2px;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
.fakeButton:hover {
    background-color: #58A7D2;
    border: 2px solid #0573BE;
    color: #000;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
/* NJJ Button RelationTypes */

div.divTypeButton {
    margin-top: 12px;
}
div#divLikeButton{
    float: left;
}
a.linkTypeButton {
    background-color: #aaa;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px !important;
    height: 24px;
    text-align: center;
    /*width: 160px;*/
    min-width: 140px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
/*    margin-bottom: 10px;*/
    padding-top: 7px;
    border: 2px solid #888;
    cursor: pointer;
    /*float: left;*/
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
    -webkit-appearance: none;
    /* zorgt dat iOS niet override */
}
a.linkTypeButtonFullText {
    width: 250px;
    padding-right: 10px;
    padding-left: 10px;
}
a.linkTypeButton:hover {
    background-color: #bbb;
    border: 2px solid #444;
    -webkit-appearance: none;
}
a.aIsButton {
    font-size: 14px;
    text-decoration: none;
    width: 150px;
    padding: 4px;
    line-height: 18px;
    color: #777;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.aIsButton:hover {
    background: #bbb;
    text-decoration: none;
    color: #333;
    ;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pError {
    border: #be7777 1px solid;
    background-color: #fee;
    color: #be7777;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pWarning {
    border: #bebe77 1px solid;
    background-color: #ffa;
    color: #551;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pSuccess {
    border: #62bf3c 1px solid;
    background-color: #d0e9c6;
    color: #551;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn_factuur {
    background: #ddd !important;
    border-color: #bbb !important;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #777 !important;
}
.btn_time {
    color: #777 !important;
    background: #ddd !important;
    border-color: #bbb !important;
    text-align: center;
    vertical-align: middle;
    /*line-height: 30px;*/
}
.btn_holder_row {
    display: flex;
    /*   float: right;
   margin-right: -40px;*/
}
.btn_holder_row_second {
    margin-top: 10px;
}