@import url('../fonts/roboto.css');
@import url('plugins/jquery.alerts.css');
@import url('plugins/uniform.tp.css');
@import url('plugins/jquery.ui.css');
@import url('plugins/fullcalendar.css');
@import url('plugins/jquery.jgrowl.css');
@import url('plugins/jquery.tagsinput.css');
@import url('plugins/ui.spinner.css');
@import url('plugins/jquery.chosen.css');
@import url('sweetalert.css');
/***** RESET STYLE *****/

/**************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    overflow: hidden;
}

*, :before, :after {
    /*CSS transitions*/
    transition-property: none !important;
    /*CSS transforms*/
    /*transform: none !important;*/
    /*CSS animations*/
    /*animation: none !important;*/
}

/***** GENERAL STYLES *****/

/*****************************/

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 13px;
    font-family: "RobotoRegular";
    color: rgba(0, 0, 0, 0.8);
    line-height: 21px;
}

input, select, textarea, button {
    font-size: 13px;
    font-family: "RobotoRegular";
    outline: none;
    margin: 0;
}

select {
    font-size: 13px !important;
}

a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    outline: none;
}

button {
    outline: none;
}

a img {
    border: 0;
}

h1, h2, h3, h4, h5, span.h3 {
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

small {
    font-size: 11px;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 13px;
    font-weight: bold;
}

span.h3 {
    font-size: 24px;
    display: block;
}

body.withvernav {
    background: #fff url(../images/line.ccc.png) repeat-y 190px 0;
}

body.withvernav_dashboard {
    background: #fff url(../images/line.ccc.png) repeat-y 240px 0;
}

/* with left menu*/

body.withmenucoll {
    background-position: 55px 0;
}

/* with menu style 1 in collapsed mode */

body.withmenucoll2 {
    background-position: 35px 0;
}


            .headermenu i {
                font-size: 30px;
                display: block;
                margin-bottom: 10px;
                color: rgba(255, 255, 255, 0.45);
            }

            .headermenu li.current i {
                color: rgba(255, 255, 255, 1);
            }

            .vernav2 li a {
                font-size: 13px;
            /*  margin-left: 13%;*/
            }
            .vernav2 li i {
                font-size: 15px;
                width: 11%;
            /* color: #8b8989;*/
                color: #c1c1c1;
                position: absolute;
                top: 11px;
                left: 10px;
            }

            .menucoll_aw  li a {
                margin-left: 0%;
            } 
            .iconmenu_aw {
                z-index: 3;
            }

/* with menu style 2 in collapsed mode */

/***** COLUMN STYLE *****/

/***************************/

.one_half {
    width: 48.5%;
}

.one_third {
    width: 31.16%;
}

.two_third {
    width: 67.53%;
}

.one_fourthx {
    /* width: 23.5%; */
    width: 21.5%;
}

.three_fourthx {
    width: 77%;
}

.one_fourth {
    /* width: 23.5%; */
    width: 24.05%;
}

.two_fourth {
    /* width: 23.5%; */
    width: 48.1%;
}

.three_fourth {
    width: 74.5%;
}

.one_fifth {
    width: 17.3%;
}

.two_fifth {
    width: 38.1%;
}

.three_fifth {
    width: 58.9%;
}
.three_fifthx {
    width: 60%;
}

.four_fifth {
    width: 67.7%;
}

.fourx_fifth {
    width: 81.3%;
}

.one_sixth {
    width: 13.83%;
}

.five_sixth {
    width: 83.17%;
}

.two_sixth {
    width: 35.5%;
}

.four_sixth {
    width: 63.5%;
}

.one_tenthx {
    width: 7.5%;
}
.two_tenthx {
    width: 24%;
}
.seven_tenthx {
    width: 61.5%;
}

.one_tenth {
    width: 9.5%;
}

.two_tenth {
    width: 19%;
}

.three_tenth {
    width: 28.5%;
}

.four_tenth {
    width: 35%;
}

.five_tenth {
    width: 50%;
}

.six_tenth {
    width: 57%;
}

.seven_tenth {
    width: 66.5%;
}

.nine_tenth {
    width: 88.5%;
}

.full_size {
    width: 99% !important;
}

.custom_2perc {
    height: auto;
    min-height: 100% !important;
    height: 100%;
    height: 80px;
    padding: 4px;
}

.one_half, .one_third, .two_third, .three_fourth, .two_fourth, .one_fourth, .three_fourthx, .one_fourthx, .one_fifth, .two_fifth, .three_fifth, .three_fifthx, .four_fifth, .fourx_fifth, 
.one_sixth, .two_sixth, .four_sixth, .five_sixth, .one_tenth, .two_tenth, .three_tenth, .four_tenth, .five_tenth, .six_tenth, .seven_tenth, .nine_tenth, .full_size, .one_tenthx, .two_tenthx, .seven_tenthx {
    position: relative;
    margin-right: 5px !important;
    margin-left: 5px;
    float: left;
}

.custom_2perc {
    position: relative;
    margin-right: 0.5%;
    float: left;
    border-right: 3px solid white;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

/***** PAGE HEADER STYLES *****/

/*********************************/

.pageheader {
    padding-top: 10px;
    background: url(../images/default/noise.white.png);
    position: relative;
}

.pageheader .pagetitle {
    margin: 0 10px;
    color: #485b79;
    font-weight: normal;
    font-size: 15px;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
  /*  text-transform: uppercase; */
    float: left;
}

.pageheader .pagetitle2 {
    text-transform: none;
}

.pageheader .pagedesc {
    color: rgba(0, 0, 0, 0.8);
    margin: 0 10px;
}

.notab {
    border-bottom: 1px solid #ddd;
    padding-bottom: 29px;
}

/***** HORIZONTAL NAVIGATION STYLES *****/

/*******************************************/

.hornavcrm {
    list-style: none;
    border-bottom: 1px solid #ccc;
   /* padding: 0 10px;*/
    height: 31px;
}

.hornavcrm li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.hornavcrm li a {
    display: block;
    padding: 5px 20px;
    background: #ccc;
    color: #fff;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    /* font-size: 14px;*/
    font-size: 13px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.hornavcrm li a:hover {
    background: #bbb;
    border-color: #aaa;
}

.hornavcrm li.current a {
    background: #fff;
    color: #FB9337;
}

.hornavcrm li.current a:hover {
    border-color: #ccc;
}

.vernavcrm {
    float: right;
    padding: 0 0 0 20px;
}

.vernavcrm li {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.vernavcrm li a {
    display: block;
    padding: 5px 20px;
    background: rgba(251, 158, 75);
    color: rgba(255, 255, 255);
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    /* font-size: 14px;*/
    font-size: 13px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #ccc;
}

.vernavcrm li a:hover {
    background: #FB9337;
    border-color: #F0882C;
}

.vernavcrm li.current a {
    background: #fff;
    color: rgba(36, 36, 36, 0.8);
}

.vernavcrm li.current a:hover {
    border-color: #ccc;
}

.hornav, .hornavcrm {
    line-height: 22px;
    height: 33px;
    padding: 0px;
}

.hornav, .inner-hornav {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 0 10px;
    height: 31px;
}

.hornav li, .inner-hornav li {
    display: inline-block;
    float: left;
    margin-right: 3px !important;
}

.hornav li a, .inner-hornav li a {
    display: block;
    padding: 5px 12px !important;
    background: #b4b2b2;
    color: #fff;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    /* font-size: 14px;*/
    font-size: 13px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.hornav li a:hover, .inner-hornav li a:hover {
    background: #ccc;
    border-color: #aaa;
}

.hornav li.current a, .inner-hornav li.current a {
    background: #fff;
    color: #FB9337;
}

.hornav li.current a:hover, .inner-hornav li.current a:hover {
    border-color: #ccc;
}

.editornav {
    list-style: none;
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
    height: 41px;
}

.editornav li {
    display: inline-block;
}

.editornav li a {
    display: block;
    padding: 10px 20px;
    background: #ccc;
    color: #fff;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    cursor: pointer;
}

div.importuren {
    display: block;
    padding: 3px 4px;
    background: rgb(244, 244, 244);
    color: rgb(2, 2, 2);
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px 2px 0 0;
    border: 1px solid rgb(207, 207, 207);
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
}

.editornav li a:hover {
    background: #bbb;
    border-color: #aaa;
}

.editornav li.current a {
    background: #fff;
    color: #FB9337;
}

.editornav li.current a:hover {
    border-color: #ccc;
}

.iconmenu ul ul {
    /*padding-left: 25px;*/
    padding-left: 34px;
}

/***** LEFT MENU ICONS *****/

/*******************************************/

.iconmenu ul li a.editor {
    background-position: 8px 10px;
}

.iconmenu ul li a.truck {
    background-position: 8px -61px;
}

.iconmenu ul li a.elements {
    background-position: 8px -133px;
}

.iconmenu ul li a.user {
    background-position: 8px -205px;
}

.iconmenu ul li a.telephone {
    background-position: 8px -278px;
}

.iconmenu ul li a.sms {
    background-position: 8px -349px;
}

.iconmenu ul li a.letter {
    background-position: 8px -421px;
}

.iconmenu ul li a.clock {
    background-position: 8px -493px;
}

.iconmenu ul li a.resime {
    background-position: 8px -565px;
}

.iconmenu ul li a.registration {
    background-position: 8px -638px;
}

.iconmenu ul li a.company {
    background-position: 8px -708px;
}

.iconmenu ul li a.drafts {
    background-position: 8px -780px;
}

.iconmenu ul li a.users {
    background-position: 8px -853px;
}

.iconmenu ul li a.map {
    background-position: 8px -923px;
}

.iconmenu ul li a.calendar2 {
    background-position: 8px -1114px;
}

.iconmenu ul li a.list {
    background-position: 8px -1152px;
}

.iconmenu ul li a.bus {
    background-position: 8px -1243px;
}

.iconmenu ul li a.image {
    background-position: 8px -1347px;
}

.iconmenu ul li a.coins {
    background-position: 8px -1463px;
}

.iconmenu ul li a.house {
    background-position: 8px -1565px;
}

.iconmenu ul li a.building {
    background-position: 8px -1640px;
}

.iconmenu ul li a.id-badge {
    background-position: 8px -1709px;
}

.iconmenu ul li a.sign-in-alt {
    background-position: 8px -1785px;
}

.iconmenu ul li a.clipboard-list {
    background-position: 8px -1860px;
}

.iconmenu ul li a.users-cog {
    background-position: 8px -1923px;
}

.iconmenu ul li a.user-cog {
    background-position: 8px -1986px;
}

.iconmenu ul li a.users-fa {
    background-position: 8px -2043px;
}

.iconmenu ul li a.user-clock {
    background-position: 8px -2105px;
}

.iconmenu ul li a.tasks-fa {
    background-position: 8px -2168px;
}

.iconmenu ul li a.user-tag {
    background-position: 8px -2232px;
}

.iconmenu ul li a.table-fa {
    background-position: 8px -2303px;
}

.iconmenu ul li a.warehouse-fa {
    background-position: 8px -2381px;
}

.iconmenu ul li a.user-shield {
    background-position: 8px -2454px;
}

.iconmenu ul li a.user-tie {
    background-position: 8px -2526px;
}

.iconmenu ul li a.business-time {
    background-position: 8px -2603px;
}

.iconmenu ul li a.tags-fa {
    background-position: 8px -2679px;
}

.iconmenu ul li a.credit-card-fa {
    background-position: 8px -2749px;
}

.iconmenu ul li a.file-alt {
    background-position: 8px -2811px;
}

.iconmenu ul li a.money-check-fa {
    background-position: 8px -2881px;
}

.iconmenu ul li a.mail-bulk-fa {
    background-position: 8px -2949px;
}

.iconmenu ul li a.file-invoice-dollar {
    background-position: 8px -3022px;
}

.iconmenu ul li a.copy-fa {
    background-position: 8px -3088px;
}

.iconmenu ul li a.user-circle {
    background-position: 8px -3153px;
}

.iconmenu ul li a.stream-fa {
    background-position: 8px -3223px;
}

.iconmenu ul li a.book-fa {
    background-position: 8px -3298px;
}

.iconmenu ul li a.clock-solid-fa {
    background-position: 8px -3367px;
}

.iconmenu ul li a.user-clock-solid-fa {
    background-position: 8px -3428px;
}

.iconmenu ul li a.envelope-open-text-fa {
    background-position: 8px -3498px;
}

.iconmenu ul li a.shipping-timed-fa {
    background-position: 8px -3568px;
}

.iconmenu ul li a.settings-fa {
    background-position: 8px -3629px;
}

.iconmenu ul li a.business-time-solid-fa {
    background-position: 8px -3689px;
}

.iconmenu ul li a.presentation-fa {
    background-position: 8px -3747px;
}

/* CURRENT */

.iconmenu ul li.current a.editor {
    background-position: 8px -24px;
}

.iconmenu ul li.current a.truck {
    background-position: 8px -97px;
}

.iconmenu ul li.current a.elements {
    background-position: 8px -169px;
}

.iconmenu ul li.current a.user {
    background-position: 8px -240px;
}

.iconmenu ul li.current a.telephone {
    background-position: 8px -314px;
}

.iconmenu ul li.current a.sms {
    background-position: 8px -385px;
}

.iconmenu ul li.current a.letter {
    background-position: 8px -457px;
}

.iconmenu ul li.current a.clock {
    background-position: 8px -530px;
}

.iconmenu ul li.current a.resime {
    background-position: 8px -601px;
}

.iconmenu ul li.current a.registration {
    background-position: 8px -674px;
}

.iconmenu ul li.current a.company {
    background-position: 8px -744px;
}

.iconmenu ul li.current a.drafts {
    background-position: 8px -816px;
}

.iconmenu ul li.current a.users {
    background-position: 8px -889px;
}

.iconmenu ul li.current a.map {
    background-position: 8px -959px;
}

.iconmenu ul li.current a.calendar2 {
    background-position: 8px -1078px;
}

.iconmenu ul li.current a.list {
    background-position: 8px -1195px;
}

.iconmenu ul li.current a.bus {
    background-position: 8px -1293px;
}

.iconmenu ul li.current a.image {
    background-position: 8px -1402px;
}

.iconmenu ul li.current a.coins {
    background-position: 8px -1519px;
}

.iconmenu ul li.current a.house {
    background-position: 8px -1606px;
}

.iconmenu ul li.current a.building {
    background-position: 8px -1674px;
}

.iconmenu ul li.current a.id-badge {
    background-position: 8px -1748px;
}

.iconmenu ul li.current a.sign-in-alt {
    background-position: 8px -1823px;
}

.iconmenu ul li.current a.clipboard-list {
    background-position: 8px -1892px;
}

.iconmenu ul li.current a.users-cog {
    background-position: 8px -1956px;
}

.iconmenu ul li.current a.user-cog {
    background-position: 8px -2014px;
}

.iconmenu ul li.current a.users-fa {
    background-position: 8px -2073px;
}

.iconmenu ul li.current a.user-clock {
    background-position: 8px -2136px;
}

.iconmenu ul li.current a.tasks-fa {
    background-position: 8px -2200px;
}

.iconmenu ul li.current a.user-tag {
    background-position: 8px -2265px;
}

.iconmenu ul li.current a.table-fa {
    background-position: 8px -2344px;
}

.iconmenu ul li.current a.warehouse-fa {
    background-position: 8px -2421px;
}

.iconmenu ul li.current a.user-shield {
    background-position: 8px -2491px;
}

.iconmenu ul li.current a.user-tie {
    background-position: 8px -2564px;
}

.iconmenu ul li.current a.business-time {
    background-position: 8px -2642px;
}

.iconmenu ul li.current a.tags-fa {
    background-position: 8px -2716px;
}

.iconmenu ul li.current a.credit-card-fa {
    background-position: 8px -2779px;
}

.iconmenu ul li.current a.file-alt {
    background-position: 8px -2846px;
}

.iconmenu ul li.current a.money-check-fa {
    background-position: 8px -2913px;
}

.iconmenu ul li.current a.mail-bulk-fa {
    background-position: 8px -2986px;
}

.iconmenu ul li.current a.file-invoice-dollar {
    background-position: 8px -3056px;
}

.iconmenu ul li.current a.copy-fa {
    background-position: 8px -3121px;
}

.iconmenu ul li.current a.user-circle {
    background-position: 8px -3187px;
}

.iconmenu ul li.current a.stream-fa {
    background-position: 8px -3259px;
}

.iconmenu ul li.current a.book-fa {
    background-position: 8px -3334px;
}

.iconmenu ul li.current a.clock-solid-fa {
    background-position: 8px -3397px;
}

.iconmenu ul li.current a.user-clock-solid-fa {
    background-position: 8px -3462px;
}

.iconmenu ul li.current a.envelope-open-text-fa {
    background-position: 8px -3536px;
}

.iconmenu ul li.current a.shipping-timed-fa {
    background-position: 8px -3600px;
}

.iconmenu ul li.current a.settings-fa {
    background-position: 8px -3662px;
}

.iconmenu ul li.current a.business-time-solid-fa {
    background-position: 8px -3717px;
}

.iconmenu ul li.current a.presentation-fa {
    background-position: 8px -3776px;
}

/***** CURRENT ICONS END *****/

/***** CENTER CONTENT STYLES *****/

/*************************************/

.centercontent {
    margin-left: 191px;
    /* position: fixed; */
}

.centercontent_dashboard {
    margin-left: 241px;
    /* position: fixed; */
}

.centercontent .pagetitle {
    margin: 1px 20px 0px 20px;
}

.centercontent .pagedesc {
    margin: 0 20px;
}

.centercontent .hornav {
    padding: 0px;
    /* padding-top: 15px;
    padding-left: 20px; */
}

.centercontent_dashboard .pagetitle {
    margin: 1px 20px 0px 20px;
}

.centercontent_dashboard .pagedesc {
    margin: 0 20px;
}

.centercontent_dashboard .hornav {
    padding: 0px;
    /* padding-top: 15px;
    padding-left: 20px; */
}

.withmenucoll .centercontent {
    margin-left: 56px;
}

.withmenucoll2 .centercontent {
    margin-left: 36px;
}

/***** MAIN CONTENT STYLES *****/

/***********************************/

.custom_dashboard_scroll {
    height: 760px;
    overflow-y: scroll;
}

.contentwrapper {
    padding-bottom: 0px;
    padding-top: .5rem;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

.contentwrapper p {
    margin: 10px 0;
}

.withrightpanel {
    margin-right: 260px;
}

.subcontent {
    position: relative;
}

.contenttitle {
    background: #32415A;
    color: #FB9337;
    text-transform: uppercase;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
    font-weight: normal;
}

.contenttitle h4 {
    padding: 12px 10px;
    font-size: 14px;
}

.contenttitle2 {
    border-bottom: 2px solid #FB9337;
    padding-bottom: 1px;
    display: inline-block;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}

.contenttitle3 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 1px;
    /* display: inline-block; */
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}

.contenttitle2 h3 {
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
}

.contenttitle3 h3 {
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    color: #485b79;
}

.contenttitle4 h3 {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #485b79;
}

/***** CALENDAR STYLES *****/

/*******************************/

#external-events p {
    font-size: 11px;
}

.external-event {
    background: #FB9337;
    color: #fff;
    padding: 8px 10px;
    margin-bottom: 5px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: move;
}

.fc-header-left span.fc-state-active {
    background: #eee;
    color: #FB9337;
    border: 1px solid #ccc;
}

.fc-header-title {
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 5px 10px;
    border-bottom: 2px solid #FB9337;
}

.fc-header-title h2 {
    font-size: 18px;
}

.fc-button-prev:hover, .fc-button-next:hover {
    background: #eee;
    color: #FB9337;
    border-color: #ccc;
}

.fc-button-today:hover {
    color: #FB9337;
    background: #eee;
    border-color: #ccc;
}

/*#datepicker {*/

.hasDatepicker {
    background-image: url(../images/icons/calendar.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5px !important;
    padding: 5px !important;
    padding-left: 30px !important;
    width: 80px !important;
    cursor: pointer;
    margin-top: -4px;
}

.hasDatepicker:not(.full_size) {
    width: 80px !important;
}

.hasDatepicker.full_size {
    width: 100% !important;
    margin-left: 0px;
}

/** DATE PICKER **/

/* 2016 DATE PICKER Update */

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0px solid #fbcb09;
    background: none;
    font-weight: bold;
    color: none;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: none;
    text-decoration: none
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid rgb(151, 151, 151);
    background: none;
    font-weight: normal;
    color: rgb(48, 48, 48);
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 20px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev:hover {
    left: 9px;
    top: 8px;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next:hover {
    right: 0px;
    top: 8px;
}

.ui-datepicker th {
    padding: 0 0;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
    background-image: none;
    font-weight: bold;
    background: #FB9337;
    color: #fff;
    text-shadow: none;
}

/*     */

.ui-datepicker {
    width: 20em;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.ui-datepicker {
    z-index: 100 !important;
    display: none;
    padding-bottom: 0px;
    margin-top: 1px;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.ui-datepicker-header {
    position: relative;
    text-align: center;
    background: #ccc;
    padding: 5px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.ui-datepicker-calendar {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
}

.ui-datepicker-calendar thead th {
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
}

.ui-datepicker-calendar thead th {
    background: url(../../images/thead.png) repeat-x top left;
    border-bottom: 1px solid #ccc;
}

.ui-datepicker-calendar td.ui-state-disabled {
    background: rgb(243, 242, 242);
}

.ui-datepicker-calendar td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: right;
}

.ui-datepicker-calendar td {
    padding: 1px;
    background: #fff;
}

.ui-datepicker-calendar td a {
    display: block;
    padding: 2px 8px;
    color: #666;
    text-shadow: 1px 1px #f7f7f7;
}

.ui-datepicker-calendar td a:hover {
    background: #ccc;
    text-decoration: none;
    color: #333;
}

.ui-datepicker-calendar td:first-child {
    border-left: 1px solid #ccc;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
    display: none;
}

.ui-datepicker-prev, .ui-datepicker-prev:hover {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(../../images/calarrow.png) no-repeat 3px -39px;
}

.ui-datepicker-next, .ui-datepicker-next:hover {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../../images/calarrow.png) no-repeat 3px 1px;
}

.ui-datepicker-inline {
    padding: 0;
    background: #fff;
}

.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%;
    border: 0;
}

.ui-datepicker-inline .ui-datepicker-calendar td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: right;
}

.ui-datepicker-inline .ui-datepicker-header, .ui-widget-header {
    position: relative;
    text-align: center;
    padding: 5px;
    background: #ccc;
    color: #333;
    font-weight: bold;
    background-image: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
}

.ui-datepicker-inline .ui-datepicker-calendar thead th {
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    background: url(../../images/titlebg.png) repeat-x top left;
    border-bottom: 1px solid #ccc;
}

/*.ui-datepicker-calendar td.ui-datepicker-today a {
    background: #FB9337;
    color: #fff;
    text-shadow: none;
} */

.ui-datepicker-calendar td.ui-datepicker-today a {
    background: #cccccc;
    color: #333333;
    /*text-shadow: none;*/
}

/***** STANDARD TABLES STYLES *****/

/**************************************/

.fbig {
    font-weight: bold;
}

.fcenter {
    text-align: center;
}

.stdtable a img {
    padding: 0px;
    line-height: 0px;
    margin-top: -4px;
    margin-right: 1px;
    margin-bottom: -4px;
    margin-left: 1px;
    vertical-align: middle;
    text-align: center;
}

.stdtable {
    width: 100% !important;
}

.stdtable .con0 {
    background: #fff;
}

.stdtable .con1 {
    background: #fcfcfc;
}

.stdtable th, .stdtable td {
    line-height: 17px;
    vertical-align: middle;
    /*	color: #333; */
}

.stdtable thead th, .stdtable thead td {
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-left: 0;
    text-align: left;
    white-space: nowrap;
}

.stdtable tfoot th, .stdtable tfoot td {
    padding: 7px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.stdtable td.medewerkers {
    background: #efe3db;
}

.stdtable td.inleners {
    background: #ffff99;
}

.stdtable td.vrouw {
    background: #ffd9ff;
}

.stdtable thead th:first-child, .stdtable tfoot th:first-child, .stdtable thead td:first-child, .stdtable tfoot td:first-child {
    border-left: 1px solid #ddd;
}

.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 {
    background-color: #fcfcfc;
}

.stdtable thead th.head1, .stdtable tfoot th.head1, td.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 {
    background-color: #f7f7f7;
}

.stdtable thead th.werkuren0, .stdtable tfoot th.werkuren0, .stdtable thead td.werkuren0, .stdtable tfoot td.werkuren0 {
    background-color: #ccd9fe;
    font-weight: normal;
}

/* .stdtable thead th.sorting, .stdtable thead td.sorting {
    background-image: url(../images/sort_both.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc {
    background-image: url(../images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: right 9px;
}

.stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc {
    background-image: url(../images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: right 9px;
} */

.stdtable thead th.nosort {
    background-image: none !important;
}

.stdtable thead td {
    font-weight: bold;
}

.stdtable thead td.center, th.center {
    text-align: center !important;
}

div.scrollContent {
    display: block;
    height: 580px;
    overflow-y: scroll;
    overflow-x: auto;
    border-bottom: 1px #ddd solid;
    border-top: 1px #ddd solid;
    margin-bottom: 10px;
}

.stdtable tbody.scrollContent td:last-child, thead.scrollContent th:last-child {
    border-right: none;
}

.stdtable tbody tr td {
    padding: 4px 10px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /*	color: rgba(0,0,0,0.8); */
}

/* .stdtable tbody tr td { padding: 8px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; }*/

.stdtable tbody tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.stdtable tbody tr td:first-child {
    border-left: 1px solid #ddd;
}

.stdtable tbody tr td:last-child {
    border-right: 1px solid #ddd;
}

.stdtable tbody tr.togglerow td {
    background: #fff;
    padding: 15px;
}

.stdtable tbody tr.togglerow:hover td {
    background: #fff;
}

.stdtable tbody tr.hiderow {
    display: none;
}

.stdtable .actions {
    text-align: center;
}

.stdtable .actions a {
    display: inline-block;
    margin-left: 5px;
    border-left: 1px solid #ccc;
    padding-left: 5px;
}

.stdtable .actions a:first-child {
    border-left: 0;
    margin-left: 0;
}

.stdtable .actions a:hover {
    color: #FB9337;
}

.stdtable a.title {
    font-weight: bold;
    color: #32415a;
}

.stdtable a.title:hover {
    color: #fb9337;
}

/***** DATATABLES TABLES STYLES *****/

.dataTables_table_top .dt-info {
    font-weight: bold;
    border: #F0882C solid 2px;
    padding: 0 5px 0 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.dataTables_table_top2 .dt-info {
    font-weight: bold;
    border: #F0882C solid 2px;
    padding: 0 5px 0 5px;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

table.dataTable tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

table.dataTable tr.grouping {
    border-left: none;
    border-right: none;
    font-weight: bold;
}

table.dataTable tr.grouping td.grouping {
    /*padding-top: 10px;*/
    border-top: #FFF 10px solid;
    border-left: none;
    border-right: none;
    font-weight: bold;
}

.dataTable a img {
    padding: 0px;
    line-height: 0px;
    margin-top: -4px;
    margin-right: 1px;
    margin-bottom: -4px;
    margin-left: 1px;
    vertical-align: middle;
    text-align: center;
}

.dataTable {
    width: 100%;
}

.dataTable .con0 {
    background: #fff;
}

.dataTable .con1 {
    background: #fcfcfc;
}

.dataTable th, .dataTable td {
    line-height: 17px;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.8);
    white-space: nowrap;
}

.dataTable thead th, .dataTable thead td {
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-left: 0;
    text-align: left;
}

.dataTable tfoot th, .dataTable tfoot td {
    padding: 7px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.text-wrap {
    white-space: normal;
}

.dataTable td.medewerkers {
    background: #efe3db;
}

.dataTable td.inleners {
    background: #ffff99;
}

.dataTable td.vrouw {
    background: #ffd9ff;
}

.dataTable thead th:first-child, .dataTable tfoot th:first-child, .dataTable thead td:first-child, .dataTable tfoot td:first-child {
    border-left: 1px solid #ddd;
}

.dataTable thead th.head0, .dataTable tfoot th.head0, .dataTable thead td.head0, .dataTable tfoot td.head0 {
    background-color: #fcfcfc;
    background-image: none !important;
}

.dataTable thead th.head1, .dataTable tfoot th.head1, .dataTable thead td.head1, .dataTable tfoot td.head1 {
    background-color: #f7f7f7;
    background-image: none !important;
}

.dataTable thead th.werkuren0, .dataTable tfoot th.werkuren0, .dataTable thead td.werkuren0, .dataTable tfoot td.werkuren0 {
    background-color: #ccd9fe;
    font-weight: normal;
}
/*
.dataTable thead th.sorting, .dataTable thead td.sorting {
    background-image: url(../images/sort_both.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.dataTable thead th.sorting_asc, .dataTable thead td.sorting_asc {
    background-image: url(../images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-right: 20px;
}

.dataTable thead th.sorting_desc, .dataTable thead td.sorting_desc {
    background-image: url(../images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-right: 20px;
}
*/
.dataTable thead th.nosort {
    background-image: none !important;
  /*  
    position:  unset !important;
    padding-right:  10px !important; 
    */
}

.dataTable thead td {
    font-weight: bold;
}

.dataTable thead td.center {
    text-align: center;
}

.dataTable tbody tr td {
    padding: 3px 10px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /*	color: rgba(0,0,0,0.8); */
}

.dataTable tbody tr td.selectedcheck {
    background-color: #dbe4fc;
}

table.dataTable th.focus, table.dataTable td.focus {
    padding: 3px;
}

/* .dataTable tbody tr td { padding: 8px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; }*/

.dataTable tbody tr:last-child td {
    border-bottom: 1px solid #ddd !important;
}

.dataTable tbody tr td:first-child {
    border-left: 1px solid #ddd !important;
}

.dataTable tbody tr td:last-child {
    border-right: 1px solid #ddd !important;
}

.dataTable tbody tr.togglerow td {
    background: #fff;
    padding: 15px;
}

.dataTable tbody tr.togglerow:hover td {
    background: #fff;
}

.dataTable tbody tr.hiderow {
    display: none;
}

.dataTable .actions {
    text-align: center;
}

.dataTable .actions a {
    display: inline-block;
    margin-left: 5px;
    border-left: 1px solid #ccc;
    padding-left: 5px;
}

.dataTable .actions a:first-child {
    border-left: 0;
    margin-left: 0;
}

.dataTable .actions a:hover {
    color: #FB9337;
}

.dataTable a.title {
    font-weight: bold;
    color: #32415a;
}

.dataTable a.title:hover {
    color: #fb9337;
}

.tableoptions {
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 8px;
    -moz-border-radius: 0 1px 0 #fff;
    -webkit-border-radius: 0 1px 0 #fff;
    border-radius: 0 1px 0 #fff;
}

.tableoptions button {
    background: #fcfcfc;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.8);
    padding: 7px 10px;
    border: 1px solid #ccc;
    margin: 0;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.tableoptions button:hover {
    background: #eee;
    cursor: pointer;
}

.tableoptions select {
    background: #fff;
    padding: 6px 5px 7px 5px;
    border: 1px solid #ccc;
    margin: 0;
    outline: none;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.8);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.dt-container {
    position: relative;
}
.dt-length {
    float: left;
    padding-right: 25px;
}

.dataTables_table_top {
    height: 22px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 5px 0px;
    /* margin-right: 15px; */
    padding-left: 0px;
    padding-right: 2px;
}

.dataTables_table_top2 {
    height: 22px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 8px 0px;
    /* margin-right: 15px; */
    padding-left: 0px;
}

.dt-bottom {
    height: 22px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 8px;
}
.dt-paging {
   /* margin-top: 37px;*/
    /* float: right; */
}

.dt-length, .dt-paging, .dt-top {
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.dt-container select {
    background: #fff;
    padding: 4px;
    border: 1px solid #bbb;
    margin: 0;
    outline: none;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.8);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 5px;
}

.filter2020 select {
    background: #fff;
    padding: 4px;
    border: 1px solid #bbb;
    margin: 0;
    outline: none;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.8);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0px;
}

.dt-container input {
    border: 1px solid #ddd;
    padding: 5px 5px 4.4px 5px;
    background: #fff;
}

.dt-search {
    float: left !important;
    margin-left: 5px !important;
}

.dt-search input {
    width: 130px;
    font-size: 13px;
}

table.dataTable>tbody>tr>td {
    padding: 4px 8px !important;
}

.dt-info {
    float: left !important;
    padding-top: 2px !important;
    clear: none !important;
}

.dt-paging {
    text-align: left;
    /*line-height: 16px;
    padding-top: 3px;*/
}

.dt-paging span {
    /*display: inline-block; */
    margin: 5px;
}

#calendar #containerWorkers #table_medewerkers {
    width: 100% !important;
}

#calendar tbody td.cell:not(.Sat):not(.Sun) {
    background: white;
}

.dt-paging .dt-paging-button, .dt-paging-button.previous, .dt-paging-button,next {
    border: 1px solid #ccc !important;
    font-size: 13px;
}

.dt-paging-button.current {
    border: 1px solid #ff9f4b !important;
    font-size: 13px;
}

.dt-paging .dt-paging-button.previous.disabled, .dt-paging-button.next.disabled {
    border: 1px solid #ccc !important;
    font-size: 13px;

}

.dt-paging .dt-paging-button:hover, .dt-paging-button.previous:hover, .dt-paging-button.next:hover {
    background: #7a7a7a !important;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 13px;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #ffcc66;
}

table.dataTable.hover tbody>tr.selected:hover, table.dataTable.hover tbody>tr>.selected:hover, table.dataTable.display tbody>tr.selected:hover, table.dataTable.display tbody>tr>.selected:hover {
    background-color: #ffcc66
}


table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    padding: 4px 8px;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 6px 18px 6px 18px;
}

table.dataTable tr.dtrg-group td {
    /* background-color: #e0e0e0*/
   background-color: #99D9EA;
}

div.dt-buttons {
    float: right;
    font-size: 14px;
}

div.DTE div.DTE_Header {
    font-size: 15px !important;
}

div.DTE_Field.DTE_Field_Type_title label {
    width: 100% !important;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #aaa;
}

div.DTE_Field.DTE_Field_Type_title div {
    display: none;
}

div.DTE_Field.DTE_Field_Type_title:hover {
    background-color: white;
    border: 1px solid transparent;
}

/***** EXTENDED TABLE STYLES *****/

/******************************/

.invoicewrapper {
    position: relative;
}

.invoicelogo {
    height: 100px;
    overflow: hidden;
}

.invoicefor {
    margin-top: 22px;
}

.table {
    border-collapse: collapse;
    width: 100%;
}

.table tr td {
    padding: 7px 10px;
    border: 1px solid #ddd;
}

.table tr td:first-child {
    background: #fcfcfc;
}

.invoiceinfo {
    margin-top: 40px;
}

.invoicetable {
    margin-top: 40px;
    width: 100%;
}

.invoicetable thead th.right {
    text-align: right;
}

.invoicetable tr td {
    vertical-align: top;
}

.invoicetable tr td.right {
    text-align: right;
}

.amountdue {
    text-align: right;
    margin-top: 40px;
}

.amountdue h1 span {
    font-size: 18px;
}

.amountdue a {
    margin-top: 20px;
    display: inline-block;
    padding: 10px 40px;
    font-size: 14px;
    background: #FB9337;
    color: #fff;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e88125;
    -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.3);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.3);
    box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.3);
}

.amountdue a:hover {
    opacity: 0.8;
}

/***** STANDARD FORM STYLES *****/

/************************************/

.interface button {
  border: 1px solid #f0882c;
  background: #FFCC80;
  color: rgba(0,0,0,0.6);
  cursor: pointer;
  font-size: small;
  text-decoration: none;
  padding: 6px 15px;
  font-weight: normal;
  vertical-align: middle;
}

.interface button:hover {
  border: 1px solid #f0882c;
  background: #FFBD5B; 
 /* background: #687ea1;*/
  color: rgba(0,0,0,0.6);
  cursor: pointer;
  font-size: small;
  text-decoration: none;
  padding: 6px 15px;
  font-weight: normal;
  vertical-align: middle;
}

.div_form input[type=number] {
    padding: 3px 5px;
    border: 1px solid #ccc;
    width: 20%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    vertical-align: middle;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    color: #666;
}

form input[type=number] {
    padding: 3px 5px;
    border: 1px solid #ccc;
    width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    vertical-align: middle;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    color: rgba(0, 0, 0, 0.8);
}

form input[type=number][disabled] {
    background-color: #EEE;
}

form input[type=text], .div_form input[type=text], .hasDatepicker {
    padding: 3px 5px;
    border: 1px solid #ccc;
    width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    vertical-align: middle;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    color: rgba(0, 0, 0, 0.8);
}

form input[type=text][disabled] {
    background-color: #EEE;
}

form input[type=password] {
    padding: 3px 5px;
    border: 1px solid #ccc;
    width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    vertical-align: middle;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    color: rgba(0, 0, 0, 0.8);
}

form input:focus {
    background: #fff;
    -moz-box-shadow: inset 1px 1px 2px #eee;
    -webkit-box-shadow: inset 1px 1px 2px #eee;
    box-shadow: inset 1px 1px 2px #eee;
}

form textarea {
    padding: 6px 5px;
    border: 1px solid #ccc;
    width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    background: #fcfcfc;
    color: rgba(0, 0, 0, 0.8);
}

form input[type=radio], .stdform input[type=checkbox] {
    width: auto;
    margin: 0;
    vertical-align: middle;
}

.div_form input[type=radio] {
    /*margin-left: 5px;*/
    margin-right: 2px;
    vertical-align: middle;
}

.div_form input[type=checkbox] {
    width: auto;
    margin: 0;
    margin-left: 5px;
    margin-right: 2px;
    vertical-align: middle;
}

.div_form textarea {
    padding: 6px 5px;
    border: 1px solid #ccc;
    width: 85%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    background: #fcfcfc;
    color: #666;
}

form input[type=submit] {
    width: auto;
    margin: 0;
    font-weight: bold;
    color: #eee;
    background: #FB9337;
    border: 1px solid #F0882C;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

form input[type=submit]:hover {
    background: #485B79;
    border: 1px solid #3f526f;
}

form input[type=reset] {
    width: auto;
    margin: 0;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #ccc;
    background: #eee;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

form input[type=reset]:hover {
    background: #ddd;
    cursor: pointer;
    color: #333;
}

form select {
    border: 1px solid #ccc;
    padding: 3px 5px;
    min-width: 40%;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: rgba(0, 0, 0, 0.8);
    width: 100%;
}

form textarea:focus, form select:focus {
    background: #fff;
    -moz-box-shadow: inset 1px 1px 2px #eee;
    -webkit-box-shadow: inset 1px 1px 2px #eee;
    box-shadow: inset 1px 1px 2px #eee;
}



form button.submit:hover {
    background: #485B79;
    border: 1px solid #3f526f;
    color: #fff;
}

form button:active {
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.div_form input.small_smallinput, form input.small_smallinput, form textarea.small_smallinput {
    width: 15%;
}

.div_form input.very_smallinput, form input.very_smallinput, form textarea.very_smallinput {
    width: 20%;
}

.div_form input.smallinput, form input.smallinput, form textarea.smallinput {
    width: 40%;
}
.div_form input.halfinput, form input.halfinput, form textarea.halfinput {
    width: 45%;
}

.div_form input.mediuminput, form input.mediuminput, form textarea.mediuminput {
    width: 60%;
}

.div_form select {
    border: 1px solid #ccc;
    /* padding: 5px 2px; */
    padding: 3px 2px;
    min-width: 63%;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

.div_form .file {
    display: inline-block;
}

input, select, textarea, button {
    font-size: 12px;
    font-family: "RobotoRegular";
    outline: none;
    margin: 0;
    padding-bottom: 2px;
    margin-top: -2px;
}

input[type="checkbox" i] {
    margin-top: 2px;
}

form input.longinput, form textarea.longinput {
    width: 85%;
}

form textarea.fullinput {
    width: 100%;
}

form input.error {
    border: 1px solid #f00;
}

form textarea.error {
    border: 1px solid #f00;
}

form textarea.error {
    border: 1px solid #f00;
}

form select.error {
    border: 1px solid #f00;
}

form label.error {
    float: none;
    color: #f00;
    font-size: 11px;
    display: block;
    text-align: left;
    font-weight: bold;
}

.stdform p, .stdform .p, .stdform div.par {
    margin: 20px 0;
}

.stdform div.par {
    overflow: hidden;
}

.stdform span.field, .stdform .span.field, .stdform div.field {
    margin-left: 120px;
    display: block;
    position: relative;
}

.stdform .formwrapper {
    display: block;
    padding-top: 5px;
    margin-left: 106px;
    line-height: 25px;
}

.filter2020 .stdform .formwrapper {
    display: block;
    padding-top: 0px;
    margin-left: 106px;
    line-height: 28px;
}

.stdform label:not(.submit) {
    float: left;
    text-align: right;
    padding: 3px 3px 0 0;
}

.div_form .stdform label:not(.submit) {
    float: none;
    display: inline-block;
}

.div_form .one_third {
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 400px;
}

.div_form .contenttitle3 {
    margin-top: 10px;
}

.div_form {
    margin-top: 10px;
}

.border_1 {
    border: 1px solid #ddd;
}

.custom_filter {
    padding-left: 3px;
    padding-bottom: 3px;
    width: 99.3%;
    float: left;
}

.custom_filter .div_form {
    margin-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    width: 99.3%;
    float: left;
}

.filter_options_hide {
    display: none;
}

#load_defaults_button {
    position: absolute;
    right: 30px;
    top: 41px;
    padding: 5px 15px;
}

#select_button {
    position: relative;
    float: right;
    right: 20px;
    padding: 5px 15px;
}

.save_button {
    position: absolute;
    right: 125px;
    top: 0px;
    padding: 5px 15px !important;
    z-index: 5;
}

.cancel_button {
    position: absolute;
    right: 30px;
    top: 0px;
    padding: 5px 15px !important;
}

.close_button {
    position: absolute;
    right: 30px;
    top: 0px;
    padding: 5px 15px !important;
}

#cancel_button_mijn_gegevens {
    position: absolute;
    right: 30px;
    top: 0px;
    padding: 5px 15px;
}

#save_button_mijn_gegevens {
    position: absolute;
    right: 125px;
    top: 0px;
    padding: 5px 15px;
}

#cancel_button_instellingen {
    position: absolute;
    right: 30px;
    top: 0px;
    padding: 5px 15px;
}

#save_button_instellingen {
    position: absolute;
    right: 125px;
    top: 0px;
    padding: 5px 15px;
}

.div_form input.mediuminput {
    width: 195px;
}

.div_form input.smallinput {
    width: 130px;
}
.div_form input.halfinput {
    width: 85px;
}

.div_form input.very_smallinput {
    width: 60px;
}

.div_form select.smallmediuminput {
    min-width: 120px;
}

.div_top_form select.smallmediuminput {
    width: 120px;
    margin-left: 20px;
}

.margin_left_20 {
    margin-left: 20px;
}

.div_form select.mediuminput {
    width: 206px;
}

.div_form .stdform span.field, .div_form .stdform .span.field, .div_form .stdform div.field, .div_form .stdform .formwrapper {
    margin-left: 0;
    display: inline-block;
}

.div_form .stdform p, .div_form .stdform .p {
    white-space: nowrap;
    margin: 3px 0;
}

.div_form hr {
    display: block;
    /*border-style: inset;*/
    height: 1px;
    background-color: rgba(240, 136, 44, 0.4);
    border: none;
    width: 45%;
    margin: 10px;
}

.div_form textarea {
    width: 270px;
}

.div_form .stdform p>label:first-of-type, .div_form .stdform .p>label:first-of-type {
    /*float: none;*/
    width: 108px !important;
    text-align: left;
    /* padding: 5px 20px 0 0; */
    padding: 3px 20px 0 0;
    vertical-align: top;
}

.div_form input {
    transition: all 0.5s;
}

.div_form input.error {
    color: #F44336;
    border-color: #F44336;
    box-shadow: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 4px;
    transition: all 0.5s;
}

.div_form .centertext {
    text-align: center;
}

.div_form .date {
    width: 70px !important;
    text-align: center;
}

.stdform button.cancel {
    background: #eee;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #ddd;
}

.stdform button.cancel:hover {
    background: #ddd;
    border: 1px solid #ccc;
}

.stdform button.cancel:active {
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.stdform small.desc {
    font-size: 11px;
    color: #999;
    font-style: italic;
    display: block;
    margin: 5px 0 0 220px;
}

.stdform .stdformbutton {
    margin-left: 220px;
}

/*** ANOTHER FORM STYLE ***/

.stdform2 p, .stdform2 div.par {
    border: 1px solid #ddd;
    background: #fcfcfc;
    margin: 0;
    border-top: 0;
}

.stdform2 div.terms {
    border: 0;
    background: none;
}

.stdform2 p:first-child, .stdform2 div.par:first-child {
    border-top: 1px solid #ddd;
}

.stdform div.par {
    overflow: hidden;
}

.stdform2 label {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

.stdform2 label.error {
    margin-left: 0;
    padding: 0;
}

.stdform2 label small {
    font-size: 11px;
    color: #999;
    display: block;
    font-weight: normal;
    line-height: 16px;
}

.stdform2 span.field, .stdform2 div.field {
    margin-left: 220px;
    display: block;
    background: #fff;
    padding: 20px;
    border-left: 1px solid #ddd;
}

.stdform2 .stdformbutton {
    margin-left: 0;
    padding: 10px;
    background: #fff;
}

/*** DUAL BOX ***/

.dualselect {
    margin-left: 220px;
    display: block;
}

.dualselect select {
    height: 200px;
    width: 40%;
}

.dualselect .ds_arrow {
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
    margin: 0 10px;
}

.dualselect .ds_arrow .ds_prev, .dualselect .ds_arrow .ds_next {
    display: block;
    padding: 5px 10px 7px 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #eee url(../images/titlebg.png) repeat-x top left;
}

.dualselect .ds_arrow .ds_prev:hover, .dualselect .ds_arrow .ds_next:hover {
    background: #FB9337;
    color: #fff;
    border-color: #F0882C;
    cursor: pointer;
}

/* CHARACTER COUNT */

.counter {
    display: inline;
    margin: 5px 0;
    font-size: 14px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.warning {
    color: #bb0000;
}

.exceeded {
    color: #ff0000;
}

/***** TABBED WIZARD *****/

.wizard .tabbedmenu {
    list-style: none;
    background: #f7f7f7;
    padding: 10px;
    padding-bottom: 0;
    border: 1px solid #ddd;
}

.wizard .tabbedmenu li {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    bottom: -1px;
}

.wizard .tabbedmenu li a {
    display: block;
    padding: 10px 20px;
    color: #999;
    border: 1px solid #ddd;
    background: #eee;
}

.wizard .tabbedmenu li a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.wizard .tabbedmenu li a span {
    font-weight: bold;
}

.wizard .tabbedmenu li a span.h2 {
    color: #999;
    display: block;
    font-size: 24px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.wizard .tabbedmenu li a:hover {
    text-decoration: none;
}

.wizard .tabbedmenu li a.selected, .wizard .tabbedmenu li a.done {
    background: #fff;
    color: #333;
    border-bottom: 1px solid #fff;
}

.wizard .tabbedmenu li a.selected span.h2, .wizard .tabbedmenu li a.selected span {
    color: #FB9337;
}

.wizard .tabbedmenu li a.done span.h2, .wizard .tabbedmenu li a.done span {
    color: #FB9337;
}

.stepContainer {
    width: auto !important;
    height: auto !important;
    border: 1px solid #ddd;
    border-bottom: 0;
    overflow: hidden;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    padding: 0;
}

.stepContainer .content h4 {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.stepContainer p {
    margin: 20px 0;
}

.stepContainer .par p {
    margin: 10px;
    line-height: 21px;
}

.stepContainer .par p:last-child {
    border-bottom: 0;
}

.actionBar {
    padding: 20px;
    position: relative;
    overflow: hidden;
    clear: both;
    background: #fcfcfc;
    border: 1px solid #ddd;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.actionBar .loader {
    float: left;
    display: none;
}

.actionBar a {
    float: right;
    display: inline-block;
    padding: 7px 15px;
    background: #FB9337;
    color: #fff;
    margin-left: 5px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 21px;
    border: 1px solid #f0882c;
}

.actionBar a:hover {
    text-decoration: none;
    background: #485B79;
    color: #fff;
    border: 1px solid #3f526f;
}

.actionBar a:active {
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.actionBar a.buttonDisabled {
    background: #eee;
    border: 1px solid #ccc;
    color: #999;
}

.actionBar a.buttonDisabled:hover {
    background: #eee;
    color: #999;
    cursor: default;
}

.actionBar a.buttonDisabled:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.actionBar .msgBox {
    margin: 40px 0 10px 0;
    position: relative;
}

.actionBar .msgBox .content {
    padding: 7px 10px;
    background: #fffccc;
    color: #333;
    border: 1px solid #FEEA7A;
}

.actionBar .msgBox .close {
    padding: 0 2px 2px 2px;
    background: none;
    line-height: 10px;
    text-transform: lowercase;
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: 7px;
    color: #333;
    text-shadow: none;
    font-weight: bold;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.actionBar .msgBox .close:hover {
    background: #333;
    color: #eee;
}

/***** VERTICAL WIZARD *****/

.verwizard .verticalmenu {
    list-style: none;
    float: left;
    width: 250px;
}

.verwizard .verticalmenu li {
    margin-bottom: 2px;
}

.verwizard .verticalmenu a {
    display: block;
    padding: 10px;
    color: #999;
}

.verwizard .verticalmenu a:hover {
    text-decoration: none;
}

.verwizard .verticalmenu a.selected {
    background: #FB9337;
    color: #fff;
}

.verwizard .verticalmenu a.done {
    background: #999;
    color: #fff;
}

.verwizard .verticalmenu a span {
    font-weight: bold;
}

.verwizard .stepContainer {
    margin-left: 270px;
}

.verwizard .actionBar {
    margin: 0 0 0 270px;
}

/***** 24. PAGINATION STYLE *****/

/********************************/

.pagination {
    list-style: none;
    overflow: hidden;
}

.pagination li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.pagination li.first, .pagination li.previous, .pagination li.next, .pagination li.last {
    font-size: 18px;
}

.pagination li a {
    display: block;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #333;
    line-height: 21px;
    vertical-align: top;
}

.pagination li a {
    background: #f7f7f7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.pagination li a:hover {
    cursor: pointer;
    text-decoration: none;
    background: #eee;
}

.pagination li a.current {
    background: #FB9337;
    color: #fff;
    border: 1px solid #F0882C;
}

.pagination li.first a:active, .pagination li.previous a:active, .pagination li.next a:active, .pagination li.last a:active {
    background: #333;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.8);
}

.pagination li a.disable {
    color: #ccc;
}

.pagination li a.disable:hover {
    background: #f7f7f7;
    cursor: default;
}

.pagination li a.disable:active {
    background: #f7f7f7;
    border: 1px solid #ccc;
    color: #ccc;
}

.pagination2 li a {
    padding: 4px 12px 6px 12px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

/***** SLIM SCROLLBAR STYLES *****/

/*************************************/

.slimScrollDiv {
    border: 1px solid #ddd;
}

.entrylist li {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.entrylist li.even {
    background: #fcfcfc;
}

.entry_wrap {
    min-height: 60px;
}

.entry_img {
    float: left;
}

.entry_content {
    margin-left: 0px;
}

.entry_content h4 {
    font-size: 18px;
    font-weight: normal;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.entry_content h4 a {
    color: #FB9337;
}

.entry_content h4 a:hover {
    color: #485B79;
}

.entry_content p {
    margin: 10px 0;
}

.entry_content p:last-child {
    margin-bottom: 0;
}

/***** TYPOGRAPHY STYLES *****/

/*********************************/

blockquote {
    font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    background: url(../images/quote.png) no-repeat 0 0;
    font-style: italic;
    line-height: 24px;
    padding-left: 30px;
    margin: 10px 0;
}

blockquote.alignleft {
    width: 300px;
    float: left;
    margin: 10px 10px 5px 0;
}

blockquote.alignright {
    width: 300px;
    float: right;
    margin: 10px 0 5px 10px;
    text-align: left;
}

/***** MESSAGES STYLES *****/

/*******************************/

.mailinbox tbody tr td {
    background: #fafafa;
}

.mailinbox tbody tr.unread td {
    background: #fff;
    font-weight: bold;
}

.mailinbox tbody tr.selected td {
    background: #fcfee4;
}

.mailinbox a.title {
    font-weight: normal;
}

.mailinbox tbody tr.unread a.title {
    font-weight: bold;
}

.mailinbox td.star, .mailinbox td.attachment {
    text-align: center;
}

.msgstar {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/unstar.png) no-repeat 0 0;
    cursor: pointer;
    opacity: 0.5;
}

.msgstar:hover {
    opacity: 1;
}

.starred {
    background-image: url(../images/icons/star.png);
    opacity: 1;
}

.msghead {
    padding-bottom: 20px;
}

.msghead_menu {
    list-style: none;
    position: relative;
}

.msghead_menu li {
    display: inline-block;
    float: left;
}

.msghead_menu li a {
    padding: 4px 10px 5px 10px;
    border: 1px solid #ccc;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    font-weight: bold;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    background-color: #fff;
}

.msghead_menu li a:hover {
    background-color: #eee;
    border-color: #bbb;
    cursor: pointer;
}

.msghead_menu li a.prev, .msghead_menu li a.next {
    display: block;
    padding: 15px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
}

.msghead_menu li a.prev:hover, .msghead_menu li a.next:hover {
    background-color: #eee;
    border-color: #bbb;
}

.msghead_menu li a.prev {
    border-right: 0;
    background: #fff url(../images/arrow.png) no-repeat 10px 8px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.msghead_menu li a.prev_disabled {
    background-position: 10px -46px;
    cursor: default;
}

.msghead_menu li a.prev_disabled:hover {
    border-color: #ccc;
    background-color: #fff;
}

.msghead_menu li a.next {
    background: #fff url(../images/arrow.png) no-repeat -39px 8px;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.msghead_menu li a.next_disabled {
    background-position: -39px -46px;
    cursor: default;
}

.msghead_menu li a.next_disabled:hover {
    border-color: #ccc;
    background-color: #fff;
}

.msghead_menu li a.reportspam {
    background-image: url(../images/icons/info.png);
    background-position: 7px 8px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.msghead_menu li a.msgtrash {
    padding: 15px;
    background-image: url(../images/icons/trash.png);
    background-position: 7px 7px;
    background-repeat: no-repeat;
}

.msghead_menu li.right {
    float: right;
}

.msghead_menu .pageinfo {
    padding-right: 20px;
    display: block;
    margin-top: 5px;
}

.msghead_menu .dropdown_label, .msghead_menu .msgtrash, .msghead_menu .reportspam {
    display: none;
}

/***** ERROR PAGES STYLES *****/

/**********************************/

.errorwrapper {
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 20px;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.errorwrapper h1 {
    font-size: 32px;
    margin-bottom: 20px;
}

.errorwrapper h3 {
    font-size: 18px;
}

.errorwrapper ul {
    list-style: none;
    line-height: 28px;
}

.errorwrapper ul li {
    text-indent: 30px;
    background: url(../images/list.png) no-repeat 0 4px;
}

/***** CUSTOM STYLES *****/

/*****************************/

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center !important;
}

.radius2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.nopadding {
    padding: 0;
}

.padding10 {
    padding: 10px;
}

.width100, form input.width100 {
    width: 100px;
}

.width50, form input.width50 {
    width: 50px;
}

.clearall {
    clear: both;
    display: block;
}

.nomargin {
    margin: 0;
}

.marginleft5 {
    margin-left: 5px;
}

.marginleft10 {
    margin-left: 10px;
}

.marginleft20 {
    margin-left: 20px;
}

.margin20 {
    margin: 20px;
}

.margin1020 {
    margin: 10px 20px;
}

.marginbottom0 {
    margin-bottom: 0;
}

.nomargintop {
    margin-top: 0;
}

.lineheight21 {
    line-height: 21px;
}

.floatright {
    float: right;
}

.noradiusright, form input.noradiusright {
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.orangeboldlink {
    color: #FB9337;
    font-weight: bold;
}

.orangeboldlink:hover {
    text-decoration: underline;
}

.orangeborderbottom5 {
    border-bottom: 5px solid #FB9337;
}

.changetheme {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 11px;
}

.changetheme a {
    display: inline-block;
    margin-top: 5px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.changetheme a.default {
    background: #FB9337;
}

.changetheme a.blueline {
    background: #319cff;
}

.changetheme a.greenline {
    background: #78ce07;
}

.changetheme a.contrast {
    background: #ff4800;
}

.changetheme a.custombg {
    background: #666;
}

/***** SORTABLE LIST *****/

/*****************************/

.sortlist {
    list-style: none;
}

.sortlist>li {
    display: block;
    margin-bottom: 7px;
}

.sortlist>li div.label {
    padding: 10px;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background: #eee url(../images/titlebg.png) repeat-x top left;
    position: relative;
}

.sortlist>li span.moveicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/widgets.png) no-repeat 0 center;
    vertical-align: middle;
    margin-right: 10px;
    opacity: 0.3;
}

.sortlist>li span.moveicon:hover {
    opacity: 0.5;
    cursor: move;
}

.sortlist>li span.arrowdrop {
    position: absolute;
    display: block;
    width: 20px;
    height: 30px;
    background: url(../images/sort_desc.png) no-repeat center center;
    top: 6px;
    right: 5px;
    opacity: 0.5;
    border-left: 1px solid #ccc;
}

.sortlist>li span.arrowup {
    background-image: url(../images/sort_asc.png);
}

.sortlist>li span.arrowdrop:hover {
    opacity: 0.8;
    cursor: pointer;
}

.sortlist>li div.details {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 10px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background: #fcfcfc;
    display: none;
}

.sortlist>li div.details p {
    margin: 10px 0;
}

.sortlist>li div.details p:first-child {
    margin-top: 0;
}

.sortlist>li div.details p:last-child {
    margin-bottom: 0;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

.textarea_300 {
    width: 300px;
}

.textarea_500 {
    width: 500px;
}

.form_fix {
    margin-right: 0px !important;
    display: inline;
}

.form2_fix {
    max-width: 512px;
}

.form2_button_fix {
    margin-right: 0px !important;
    float: right;
}

.blue {
    background-color: #ccd9fe !important;
}

.blue2 {
    background-color: #3ce6ff !important;
}

.lightblue {
    background-color: #dbe4fc !important;
}

.lightblue1 {
    background-color: #dbe4fc !important;
}

.darkblue {
    background-color: #aabff8 !important;
}

.red {
    background-color: #ffb3b3 !important;
}

.lightred {
    background-color: #ffc4c4 !important;
}
.brown {
    background-color: #efe3db !important;
}

.brownlight {
    background-color: #fdf3ec !important;
}

.lightbrown {
    background-color: #f9e4c8 !important;
}

.yellow {
    background-color: #ffff99 !important;
}

.lightyellow1 {
    background-color: #ffffe3 !important;
}

.lightyellow2 {
    background-color: #fdfdf3 !important;
}

.rose {
    background-color: #ffd9ff !important;
}

.green {
    background-color: #e1fecc !important;
}

.dark_green {
    background-color: #77E698 !important;
}

.lightgreen1 {
    background-color: #8ae4a5 !important;
}

.lightgreen2 {
    background-color: #9ee6b3 !important;
}

.orange {
    background-color: #fccf99 !important;
}

.lightorange1 {
    background-color: #fdf5eb !important;
}

.lightorange2 {
    background-color: #fcf5ed !important;
}

.darkorange {
    background-color: #fde2c0 !important;
}

.white {
    background-color: #ffffff !important;
}

.dark_red {
    background-color: #9b4747 !important;
}

.light_red {
    background-color: #ec2b2b !important;
}

.gray {
    background-color: #8c8a89;
}

.lightgray1 {
    background-color: #F9F9F9;
}

.lightgray2 {
    background-color: #F5F5F5;
}
.lightgray3 {
    background-color: #e6e3e3;
}

.green_text {
    color: green !important;
}

.dark_red_text {
    color: #9b4747 !important;
}

.red_text {
    color: red !important;
}

.orange_text {
    color: orange !important;
}

.blue_text {
    color: blue !important;
}

.custom_message_text {
    color: #495c7b !important;
}

.custom_error_message_text {
    color: red !important;
    position: absolute;
    left: 40%;
}

.row_hspacer {
    border-left: 0 !important;
    border-right: 0 !important;
    height: 4px !important;
    background-color: #FFFFFF;
}

.row_hvspacer {
    border-left: 0 !important;
    border-right: 0 !important;
    /*border-top: 0 !important;*/
    border-bottom: 0 !important;
    height: 4px !important;
    background-color: #FFFFFF;
}

.row_vspacer {
    border-left: 0 !important;
    /*border-top: 0 !important;*/
    border-bottom: 0 !important;
    height: 4px !important;
    background-color: #FFFFFF;
}

.row_clear {
    border: 0 !important;
}

.row_notes td {
    vertical-align: top;
}

#table-werk-aanvraag-plan-medewerkers-ingezet_wrapper .summaryTable, #table-werk-aanvraag-plan-inleners-inleners_wrapper .summaryTable {
    float: right;
}

table.summaryTable tbody tr {
    background-color: transparent;
}

.summary-title {
    text-align: right;
    width: 50px;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background-color: transparent;
}

.summary-value {
    width: 30px;
    border-top: 1px solid #ddd;
}

.summary-title1 {
    text-align: left;
    width: 20px;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background-color: #FFFFFF;
}

.summary-value1 {
    width: 25px;
    border-top: 1px solid #ddd;
}

.summaryTable tbody tr td {
    padding: 3px 10px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /*	color: rgba(0,0,0,0.8); */
    line-height: 17px;
    vertical-align: middle;
}

#dateform {
    float: right;
    margin-right: 20px;
}

.mb {
    padding: 3px;
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    text-align: left;
}

.mbInfo {
    background-color: #f7fafd;
}

.mbOk {
    background-color: #d7f7c4;
}

.mbAlert {
    background-color: #fef5be;
}

.mbError {
    background-color: #ffcdd1;
}

.active {
    color: #080 !important;
}

tr.active td {
    color: #080 !important;
}

.inactive {
    color: #C00 !important;
}

.inactivebold {
    color: #C00 !important;
    font-weight: bold;
}

tr.prive td {
    color: #003264 !important;
}

tr.inactive td {
    color: #C00 !important;
}

.activeperiod {
    background-color: #e1fecc !important;
}

tr.activeperiod td {
    background-color: #e1fecc !important;
}

tr.green_text td {
    color: green !important;
}

.focus {
    border: #080 1px solid !important;
}

.ActiveFilter {
    float: left;
}

.dt-search {
    float: left;
}
.HamburgerFilter {
    float: left;
}

.ActiveFilterR {
    float: right;
    margin-right: 5px;
}

.HamburgerFilterR {
    float: right;
    margin-right: 5px;
}

.ActiveMedewerkersFilter {
    float: left;
}

.TripList {
    float: right;
    padding-right: 5px;
}

.HideTabs {
    float: right;
    padding-right: 5px;
    padding-top: 2px;
}

.rotated {
    transform: rotate(180deg); 
}

.back-import-uren {
    float: right;
    padding-right: 5px;
    margin-top: 3px;
}

.back-import-uren-text {
    float: left;
    padding-left: 5px;
    margin-top: 3px;
}

.Correction {
    float: left;
    padding-top: 3px;
    color: rgb(1, 190, 1);
}

.EmployerFilter {
    float: left;
}

.clearleft {
    border-left: 0 !important;
}

.clearright {
    border-right: 0 !important;
}

.w18 {
    width: 18px;
}

.pointer {
    cursor: pointer;
}

.td-edit {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.td-edit-active {
    background-image: url('/images/icons/check-active.png');
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.td-edit:hover {
    background-image: url('/images/icons/editor.png');
}

.td-info {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.td-info:hover {
    background-image: url('/images/icons/info.png');
}

.td-remove-driver {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.td-remove-driver:hover {
    background-image: url('/images/icons/remove-user.png');
}

.wa_info {
    padding: 0px !important;
}

.td-move {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.td-move:hover {
    background-image: url('/images/icons/move.png');
}

/* Tooltip */

.ui-tooltip {
    background: #666;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
    max-width: 800px !important;
}

.ui-tooltip-content {
    position: relative;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.editor_upload button.btn, div.DTE div.editor_upload input[type=file] {
    font-size: 13px;
    font-weight: normal;
    color: #000;
}

div.DTE div.editor_upload button.btn, div.DTE div.editor_upload input[type="file"] {
    width: 100%;
    height: inherit;
    font-size: 13px;
}

.gebruikersprofiel form input.longinput {
    padding: 8px 5px;
}

.g-recaptcha {
    margin: 20px 0;
}

/***** MENU RIGHT STYLES *****/

/********************************/

.menu_right_width {
    width: 120px;
}

.menu_right {
    list-style: none;
}

.menu_right li {
    float: left;
    margin-right: 0px;
    margin-bottom: 10px;
    width: 100px;
    height: 56px;
    background: #eee;
    padding: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    -moz-box-shadow: inset 1px 1px 2px #ccc;
    -webkit-box-shadow: inset 1px 1px 2px #ccc;
    box-shadow: inset 1px 1px 2px #ccc;
}

.menu_right li a {
    width: 98px;
    height: 52px;
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 5px;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.menu_right li a:hover {
    border-color: #FB9337;
}

.menu_right li a.active {
    border-color: #FB9337;
}

.menu_right li a span {
    text-align: center;
    display: block;
    padding-top: 32px;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
}

.menu_right li a.settings {
    background-image: url(../images/icons/menu_right/equalizer.png);
}

.menu_right li a.users {
    background-image: url(../images/icons/menu_right/group.png);
}

.menu_right li a.details {
    background-image: url(../images/icons/menu_right/magnify.png);
}

.menu_right li a.plan {
    background-image: url(../images/icons/menu_right/cards.png);
}

.menu_right li a.analytics {
    background-image: url(../images/icons/menu_right/presentation.png);
}

.menu_right li a.calendar {
    background-image: url(../images/icons/menu_right/calendar.png);
}

.menu_right li a.document {
    background-image: url(../images/icons/menu_right/document.png);
}

.menu_right li a.list {
    background-image: url(../images/icons/menu_right/list.png);
}

.menu_right li a.finance {
    background-image: url(../images/icons/menu_right/finance.png);
}

/***** END MENU RIGHT STYLES *****/

.circle-letter {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 5px;
}

.tep_time {
    cursor: pointer;
}

.tep_time_edit {
    width: 90%;
    border: none;
}

.dcontent {
    overflow: hidden;
    overflow-y: auto;
    clear: both;
}

.dcontent th {
    font-weight: bold;
    text-align: left;
   /* color: #0D47A1; 
    font-size: larger;*/
    font-size: 13px;
    color: rgba(0, 0, 0, 0.8);
    padding: 12px 0px 0px 0px;
    border-bottom: 1px solid hsla(0, 0%, 60%, 0.3);
}

.dcontent td label>input {
    margin-left: 0;
}

.dcontent td:first-of-type label {
    margin-left: 0;
}

.dcontent td * {
    margin: 5px;
    vertical-align: middle;
}

/***** FEB 2017 NEW CSS *****/

.btn-row-details-hide {
    float: right;
    position: absolute;
    right: 50px;
    top: 8px;
}

@media screen and (max-width:1530px) {
    .one_third {
        float: none;
        width: 80%;
    }
}

table.dataTable.hover tbody tr:hover, table.dataTable tr:hover {
    background-color: hsla(205, 60%, 93%, 1);
}

#currentYearContainer, #currentMonthContainer, #currentWeekContainer {
    text-align: center;
}

#yearMinus, #yearPlus, #monthMinus, #monthPlus, #weekPlus, #weekMinus, #dayMinus, #dayPlus {
    display: inline;
    margin: 0 10px;
    float: none;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

#currentYear, #currentMonth, #currentWeek, #currentDay {
    font-size: 15px;
}

#currentMonth {
    display: inline-block;
}

#currentWeek {
    display: inline-block;
    width: 20px;
}

#currentWeekPeriod {
    display: inline-block;
    width: 120px;
    font-size: 15px;
}

#placeholder {
    display: inline-block;
    margin: 0px;
    font-size: 15px;
}

div#displayTable {
    height: 100px;
    overflow: auto;
}

.dropbtn {
    background-color: #f1f1f1 !important;
    color: white !important;
    padding-left: 16px;
    padding-right: 16px;
    /* font-size: 16px !important; */
    border-radius: 2px;
    border: 1px solid #b6b5b5 !important;
    cursor: pointer !important;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #f9f9f9 !important;
}

.stdbtn {
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #eee url(../images/buttons.png) repeat-x top left;
    color: #333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.8;
}

.stdbtn:hover {
    text-decoration: none;
    opacity: 0.9;
}

.btn_orange {
    background-position: 0 -190px;
    background-color: #ffcc80;
    border-color: #cd7a03;
    color: rgba(0, 0, 0, 0.8);
}

.btn_orange:active {
    background: #ff9702;
}

/***** COLOR SQUARE DATATABLES CSS *****/

.colorSquare {
    width: 80%;
    height: 20px;
    margin: auto;
    border: 1px solid rgba(0, 0, 0, .2);
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center;
}

/***** EDITOR NEW CSS *****/

#customForm {
    display: flex;
    flex-flow: row wrap;
}

#customForm fieldset {
    flex: 1;
    margin: 0.5em;
}

#customForm fieldrow {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    margin: 0.5em;
}

#customForm fieldsettab {
    display: flex;
    flex-grow: 1;
    margin: 0.5em;
    border: 1px solid #000;
}

#customForm fieldsettab.contractTable {
    flex: 2 100%;
}

#customForm fieldrow.twoinone {
    flex: 2 100%;
}

#customForm fieldrow.treeinone {
    flex: 3 100%;
}

#customForm fieldrow legend {
    display: flex;
    flex-grow: 1;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
}

#customForm div.DTE_Field {
    padding: 1px;
}
#customForm fieldrow.groupForm {
    border: 1px solid #732424;
    padding-bottom: 3px;
  }

/* werkbrief */

#customFormRepetition, #customFormRepetitionCreate, #customFormRepetitionEdit {
    display: flex;
    flex-flow: row wrap;
}

#customFormRepetition fieldset, #customFormRepetitionCreate fieldset, #customFormRepetitionEdit fieldset {
    flex: 1;
    margin: 0.5em;
}

#customFormRepetition fieldrow, #customFormRepetitionCreate fieldrow, #customFormRepetitionEdit fieldrow {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    margin: 0.5em;
}

#customFormRepetition fieldsettab, #customFormRepetitionCreate fieldsettab, #customFormRepetitionEdit fieldsettab {
    display: flex;
    flex-grow: 1;
    margin: 0.5em;
    border: 1px solid #000;
}

#customFormRepetition fieldsettab.contractTable, #customFormRepetitionCreate fieldsettab.contractTable, #customFormRepetitionEdit fieldsettab.contractTable {
    flex: 2 100%;
}

#customFormRepetition fieldrow.twoinone, #customFormRepetitionCreate fieldrow.twoinone, #customFormRepetitionEdit fieldrow.twoinone {
    flex: 2 100%;
}

#customFormRepetition fieldrow legend, #customFormRepetitionCreate fieldrow legend, #customFormRepetitionEdit fieldrow legend {
    display: flex;
    flex-grow: 1;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
}

#customFormRepetition div.DTE_Field, #customFormRepetitionCreate div.DTE_Field, #customFormRepetitionEdit div.DTE_Field {
    padding: 1px;
}

/*****  NOTIFICATION MESSAGES *****/

/*************************************/

.notibar {
    height: 51px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 21px;
    -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    -webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}

.notibar p {
    margin: 15px 10px 0 55px;
    font-size: 13px;
    color: #333;
}

.notibar a.close {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 5px;
    right: 5px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
}

.notibar a.close:hover {
    cursor: pointer;
}

.msgalert a.close {
    background-position: -14px 0;
}

.msgalert a.close:hover {
    background-position: -14px -14px;
}

.msginfo a.close {
    background-position: -42px 0;
}

.msginfo a.close:hover {
    background-position: -42px -14px;
}

.msgsuccess a.close {
    background-position: -28px 0;
}

.msgsuccess a.close:hover {
    background-position: -28px -14px;
}

.msgerror a.close {
    background-position: 0 0;
}

.msgerror a.close:hover {
    background-position: 0 -14px;
}

.announcement a.close {
    background-position: -56px 0;
}

.announcement a.close:hover {
    background-position: -56px -14px;
}

.msgalert {
    border: 1px solid #eac572;
    background: #ffe9ad url(../images/notifications.png) no-repeat 0 -52px;
}

.msginfo {
    border: 1px solid #99c4ea;
    background: #d1e4f3 url(../images/notifications.png) no-repeat 0 -156px;
}

.msgsuccess {
    border: 1px solid #c1d779;
    background: #effeb9 url(../images/notifications.png) no-repeat 0 -104px;
}

.msgerror {
    border: 1px solid #e18b7c;
    background: #fad5cf url(../images/notifications.png) no-repeat 0 0;
}

.announcement {
    border: 1px solid #fbe187;
    background: #ffffdf url(../images/advertisment-32.png) no-repeat 10px 10px;
    color: #95673f;
    height: auto;
}

.announcement h3 {
    margin: 15px 10px 10px 55px;
}

.announcement p {
    margin: 15px 10px 15px 55px;
}

/***** DASHBOARD STYLES *****/

/********************************/

.dashboard_calen_to {
    position: absolute;
    right: 50px;
    top: 146px;
}

.dashboard_dropdown {
    position: absolute;
    right: 250px;
    top: 146px;
}

.toplist {
    list-style: none;
}

.toplist li {
    display: block;
    margin-bottom: 2px;
    border: 1px solid #ddd;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    line-height: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.toplist li a {
    overflow: hidden;
    display: block;
}

.toplist li a:hover {
    color: #68768d;
}

.toplist li .left {
    display: block;
    padding: 10px;
}

.toplist li .right {
    background: #fcfcfc;
    display: block;
    border-left: 1px solid #ddd;
    padding: 20px 10px;
    text-align: center;
}

.toplist li .title {
    text-transform: uppercase;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #32415A;
    display: block;
}

.toplist li .desc {
    color: #FB9337;
    font-weight: bold;
    font-size: 11px;
}

.overviewhead {
    padding: 10px;
    border: 1px solid #ddd;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    min-height: 32px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.overviewselect {
    float: right;
    margin-top: 1px;
}

.overviewhead input {
    border: 1px solid #ccc;
    padding: 8px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.overviewtable tr td, .overviewtable tr th {
    text-align: right !important;
}

.overviewtable tbody tr td {
    font-size: 24px;
    color: #111;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
}

/***** DASHBOARD NEW CSS *****/

.dashboard_chart_1 {
    margin-top: 20px;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.small-box>.inner {
    padding: 7px
}

.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none
}

.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15)
}

.small-box h3 {
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 16px 0;
    white-space: nowrap;
    padding: 0
}

.small-box p {
    font-size: 15px
}

.small-box p>small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px
}

.small-box h3, .small-box p {
    z-index: 5
}

.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 0;
    font-size: 50px;
    color: rgba(0, 0, 0, 0.15)
}

.small-box:hover {
    text-decoration: none;
    color: #f9f9f9
}

.small-box:hover .icon {
    font-size: 60px
}

@media (max-width:767px) {
    .small-box {
        text-align: center
    }
    .small-box .icon {
        display: none
    }
    .small-box p {
        font-size: 12px
    }
}

.bg-brown, .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
    color: #fff !important
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important
}

.bg-gray-light {
    background-color: #f7f7f7
}

.bg-black {
    background-color: #111 !important
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important
}

.bg-red-ligh {
    background-color: #ffc8c8 !important;
}

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #00c0ef !important
}

.bg-blue {
    background-color: #0073b7 !important
}

.bg-dark-blue {
    background-color: #34445e !important;
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #3c8dbc !important
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #00a65a !important
}

.bg-navy {
    background-color: #001f3f !important
}

.bg-teal {
    background-color: #39cccc !important
}

.bg-olive {
    background-color: #3d9970 !important
}

.bg-lime {
    background-color: #01ff70 !important
}

.bg-orange {
    background-color: #ff851b !important
}

.bg-fuchsia {
    background-color: #f012be !important
}

.bg-purple {
    background-color: #605ca8 !important
}

.bg-maroon {
    background-color: #d81b60 !important
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important
}

.bg-black-active {
    background-color: #000 !important
}

.bg-brown {
    background-color: #A0522D !important
}

.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
    background-color: #d33724 !important
}

.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
    background-color: #db8b0b !important
}

.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
    background-color: #00a7d0 !important
}

.bg-blue-active {
    background-color: #005384 !important
}

.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
    background-color: #357ca5 !important
}

.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: #008d4c !important
}

.bg-navy-active {
    background-color: #001a35 !important
}

.bg-teal-active {
    background-color: #30bbbb !important
}

.bg-olive-active {
    background-color: #368763 !important
}

.bg-lime-active {
    background-color: #00e765 !important
}

.bg-orange-active {
    background-color: #ff7701 !important
}

.bg-fuchsia-active {
    background-color: #db0ead !important
}

.bg-purple-active {
    background-color: #555299 !important
}

.bg-maroon-active {
    background-color: #ca195a !important
}

[class^="bg-"].disabled {
    opacity: .65;
    filter: alpha(opacity=65)
}

.text-red {
    color: #dd4b39 !important
}

.text-red-light {
    color: #dd7b7b !important;
}

.text-yellow {
    color: #f39c12 !important
}

.text-aqua {
    color: #00c0ef !important
}

.text-blue {
    color: #0073b7 !important
}

.text-black {
    color: #111 !important
}

.text-light-blue {
    color: #3c8dbc !important
}

.text-green {
    color: #00a65a !important
}

.text-gray {
    color: #d2d6de !important
}

.text-navy {
    color: #001f3f !important
}

.text-teal {
    color: #39cccc !important
}

.text-olive {
    color: #3d9970 !important
}

.text-lime {
    color: #01ff70 !important
}

.text-orange {
    color: #ff851b !important
}

.text-fuchsia {
    color: #f012be !important
}

.text-purple {
    color: #605ca8 !important
}

.text-maroon {
    color: #d81b60 !important
}

/***** BUTTONS & ICONS STYLES *****/

.anchorbutton {
    padding: 8px 10px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    display: inline-block;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.buttonlist {
    list-style: none;
}

.buttonlist li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
}

a.btn {
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url(../images/icons/sprites.png);
    background-color: #f7f7f7;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    color: #666;
}

a.btn:hover {
    text-decoration: none;
    color: #333;
    border: 1px solid #bbb;
}

a.btn span {
    padding: 5px 10px;
    margin-left: 25px;
    display: block;
    background: #f7f7f7;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

a.btn2 {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

a.btn2 span {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    padding-right: 15px;
}

a.btn3 {
    width: 34px;
    height: 32px;
}

a.btn4 {
    width: 34px;
    height: 32px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

a.btn_search {
    background-position: -10px -12px;
}

a.btn_trash {
    background-position: -47px -12px;
}

a.btn_flag {
    background-position: -82px -12px;
}

a.btn_home {
    background-position: -119px -12px;
}

a.btn_link {
    background-position: -154px -12px;
}

a.btn_book {
    background-position: -190px -12px;
}

a.btn_mail {
    background-position: -10px -47px;
}

a.btn_help {
    background-position: -47px -47px;
}

a.btn_rss {
    background-position: -82px -47px;
}

a.btn_archive {
    background-position: -119px -47px;
}

a.btn_info {
    background-position: -154px -47px;
}

a.btn_bell {
    background-position: -190px -47px;
}

a.btn_world {
    background-position: -10px -83px;
}

a.btn_bulb {
    background-position: -47px -83px;
}

a.btn_cloud {
    background-position: -82px -83px;
}

a.btn_clip {
    background-position: -119px -83px;
}

a.btn_folder {
    background-position: -154px -83px;
}

a.btn_lock {
    background-position: -190px -83px;
}

a.btn_tag {
    background-position: -10px -119px;
}

a.btn_note {
    background-position: -47px -119px;
}

a.btn_key {
    background-position: -82px -119px;
}

a.btn_stop {
    background-position: -119px -119px;
}

a.btn_airplane {
    background-position: -154px -119px;
}

a.btn_info2 {
    background-position: -190px -119px;
}

a.btn_alarm {
    background-position: -10px -155px;
}

a.btn_clock {
    background-position: -47px -155px;
}

a.btn_calendar {
    background-position: -82px -155px;
}

a.btn_basket {
    background-position: -119px -155px;
}

a.btn_dollartag {
    background-position: -154px -155px;
}

a.btn_cart {
    background-position: -190px -155px;
}

a.btn_cart2 {
    background-position: -10px -191px;
}

a.btn_user {
    background-position: -47px -191px;
}

a.btn_users {
    background-position: -82px -191px;
}

a.btn_male {
    background-position: -119px -191px;
}

a.btn_female {
    background-position: -154px -191px;
}

a.btn_refresh {
    background-position: -190px -191px;
}

a.btn_chart {
    background-position: -10px -227px;
}

a.btn_pie {
    background-position: -47px -227px;
}

a.btn_address {
    background-position: -82px -227px;
}

a.btn_zip {
    background-position: -119px -227px;
}

a.btn_document {
    background-position: -154px -227px;
}

a.btn_pdf {
    background-position: -190px -227px;
}

a.btn_marker {
    background-position: -10px -262px;
}

a.btn_sign {
    background-position: -47px -262px;
}

a.btn_note {
    background-position: -82px -262px;
}

a.btn_cut {
    background-position: -119px -262px;
}

a.btn_pencil {
    background-position: -154px -262px;
}

a.btn_paint {
    background-position: -190px -262px;
}

a.btn_battery {
    background-position: -10px -299px;
}

a.btn_battery2 {
    background-position: -47px -299px;
}

a.btn_chat {
    background-position: -82px -299px;
}

a.btn_chat2 {
    background-position: -119px -299px;
}

a.btn_message {
    background-position: -154px -299px;
}

a.btn_message2 {
    background-position: -190px -299px;
}

a.btn_phone {
    background-position: -10px -335px;
}

a.btn_call {
    background-position: -47px -335px;
}

a.btn_inbox {
    background-position: -82px -335px;
}

a.btn_inboxo {
    background-position: -119px -335px;
}

a.btn_inboxi {
    background-position: -154px -335px;
}

a.btn_bluetooth {
    background-position: -190px -335px;
}

a.btn_wifi {
    background-position: -10px -370px;
}

a.btn_settings {
    background-position: -47px -370px;
}

a.btn_settings2 {
    background-position: -82px -370px;
}

a.btn_settings3 {
    background-position: -119px -370px;
}

a.btn_hd {
    background-position: -154px -370px;
}

a.btn_hd2 {
    background-position: -190px -370px;
}

a.btn_image {
    background-position: -10px -408px;
}

a.btn_image2 {
    background-position: -47px -408px;
}

a.btn_sound {
    background-position: -82px -408px;
}

a.btn_media {
    background-position: -119px -408px;
}

a.btn_mic {
    background-position: -154px -408px;
}

a.btn_print {
    background-position: -190px -408px;
}

a.btn_laptop {
    background-position: -10px -443px;
}

a.btn_mouse {
    background-position: -47px -443px;
}

a.btn_camera {
    background-position: -82px -443px;
}

a.btn_video {
    background-position: -119px -443px;
}

a.btn_grid {
    background-position: -154px -443px;
}

a.btn_grid2 {
    background-position: -190px -443px;
}

a.btn_list {
    background-position: -10px -480px;
}

a.btn_list2 {
    background-position: -47px -480px;
}

a.btn_table {
    background-position: -82px -480px;
}

.stdbtn {
    font-weight: bold;
    padding: 7px 10px;
    border: 1px solid #ccc;
    background: #eee url(../images/buttons.png) repeat-x top left;
    color: #333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.8;
}

.stdbtn:hover {
    text-decoration: none;
    opacity: 1;
}

.btn_yellow {
    background-position: 0 -38px;
    border-color: #ebb205;
    color: #ae510d;
}

.btn_blue {
    background-position: 0 -76px;
    border-color: #0282ce;
    color: #fff;
}

.btn_black {
    background-position: 0 -114px;
    border-color: #222;
    color: #fff;
}

.btn_lime {
    background-position: 0 -152px;
    border-color: #59bf04;
    color: #367501;
}

.btn_orange {
    background-position: 0 -190px;
    border-color: #cd7a03;
    color: #6e3c17;
}

.btn_red {
    background-position: 0 -228px;
    border-color: #a31314;
    color: #fff;
}

.stdbtn:active {
    background: #eee;
}

.btn_yellow:active {
    background: #ffde06;
}

.btn_blue:active {
    background: #0591e5;
}

.btn_black:active {
    background: #333333;
}

.btn_lime:active {
    background: #6adc0b;
}

.btn_orange:active {
    background: #ff9702;
}

.btn_red:active {
    background: #eb2f30;
}

/* CHROME FIX */

.algemeen input[type=file]::-webkit-file-upload-button {
    display: none;
}

#algemeen_form input[type=file]::-webkit-file-upload-button {
    display: none;
}

/** GEBRUIKERS EDIT CSS **/

#customForm {
    display: flex;
    flex-flow: wrap;
}

#customForm fieldset {
    flex: 1 0 32%;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    margin: 0.3em;
}

#customForm fieldset legend {
    padding: 5px 20px;
    border: 1px solid #aaa;
    font-weight: bold;
}

#customForm fieldset.name {
    flex: 2 100%;
}

#customForm fieldset.name legend {
    background: #bfffbf;
}

#customForm fieldset.office legend {
    background: #ffcc66;
}

#customForm fieldset.hr legend {
    background: #ffbfbf;
}

#customForm fieldset.groupContract {
    border: 1px solid #732424;
    padding-bottom: 3px;
}

#customForm div.DTE_Field {
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

div.editorWrapper {
    position: relative;
    border: 1px solid #3d3d3d;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 12px 12px 12px;
}
div.editorWrapper editorWrapperLabel {
    color: #3d3d3d;
    font-weight: bold;
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    background-color: white;
    top: -10px;
    left: 10px;
}

table.gebruikersEdit {
    width: 100%;
    border-collapse: collapse;
}

table.gebruikersEdit th, td {
    border-bottom: 1px solid black;
    padding-top: 1px;
}

/** GEBRUIKERS EDIT CSS ENDS HERE**/

span.title {
    display: inline-block;
    margin-right: 15px;
}

.datatables-selected {
    background-color: #FFCC66;
}

div.DTE_Field_Type_radio div.DTE_Field_InputControl>div>div {
    float: left;
    width: 33.3%;
    /* change as needed */
}

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

.disabled_b {
    pointer-events: none;
    opacity: 0.6;
    border: 1px solid #000000;
    background: #999999;
}

.hamburger-menu {
    width: 29px;
    height: 29px;
}

.hamburger-menu-b img {
    padding: 0px;
    margin: 0px;
    width: 25px;
    position: relative;
    top: -2px;
    left: -4px;
}

.hamburger-menu-b {
    width: 29px;
    height: 29px;
}

#row-details {
    padding-left: 5px;
}

button.editor_buttons_b {
    border: 1px solid transparent;
    background-color: transparent !important; 
    background-image: linear-gradient(to bottom, #fff 0%, #fffcfc 100%);
    cursor: pointer;
    font-size: small;
    text-decoration: none;
    padding: 3px 5px;
    font-weight: normal;
    vertical-align: middle;
    margin-top: -3px;
    overflow: visible;
}
button.editor_buttons_b:hover:not(.disabled) {
    border: 1px solid transparent !important;
    background-color: transparent !important; 
    background-image: linear-gradient(to bottom, #fff 0%, #fffcfc 100%);
}

button.dt-button-b{
    /* background-color:  transparent !important; */
     border: 1px solid #e3e3e3 !important;
 }
 button.dt-button-b:hover:not(.disabled), div.dt-button-b:hover:not(.disabled), a.dt-button-b:hover:not(.disabled), button.dt-button-b:focus:not(.disabled), button.dt-button-b:active:not(.disabled):hover:not(.disabled), button.dt-button-b.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled) {
    /* background-color: rgb(163 163 163 / 13%)  !important; */
     border: 1px solid #e3e3e3 !important;
 }

.hamburger-menu-margin {
    margin-top: 9px;
}

.h_menu_fix {
    display: inline-block;
}

.hamburger-menu:hover {
   /* background-color: rgb(117, 113, 113); */
}

.ActiveFilter select {
    font-size: 12px;
    margin-top: -2px;
}

.HamburgerFilter select {
    font-size: 12px;
    margin-top: -2px;
}

.ActiveFilterR select {
    font-size: 12px;
    margin-top: -2px;
}

.HamburgerFilterR select {
    font-size: 12px;
    margin-top: -2px;
}

tr.group, tr.group:hover {
    background-color: rgb(218, 226, 250) !important;
}

td.group, td.group:hover {
    background-color: rgb(218, 226, 250) !important;
}

/**** CRM NOTIFICATION ****/

.notifications_dialog {
    position: absolute;
    width: 70vw;
    min-height: 60vh;
    /* overflow: hidden; */
    /* border: 2px solid red; */
    background: white;
    z-index: 999;
    border: .05rem solid gray;
    padding: 0.5rem;
}

.hornav_ {
    list-style: none;
    border-bottom: 0.05rem solid #ccc;
    padding: 0 0.5rem;
    height: 2rem;
    margin-bottom: 0.5rem;
}

.notifications_dialog thead th {
    text-align: left;
}

.notifications_dialog thead tr:last-child th {
    border-bottom: 0.1px solid #ddd;
}

.notifications_dialog tbody tr:hover {
    background-color: #f2f2f2;
    cursor: default;
}

.notifications_dialog tbody tr:last-child td {
    border: none;
}

.notifications_dialog thead tr, .notifications_dialog tbody tr {
    display: table;
    width: 100%;
    text-align: left;
    table-layout: fixed;
    white-space: pre-wrap;
}

.notifications_dialog tbody {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(60vh - 4rem);
}

.notifications_dialog tbody td {
    border-bottom: 1px solid #ddd;
    /* width: 20%; */
    vertical-align: middle;
}

.notifications_dialog td {
    padding-left: 1rem;
    padding-right: 1rem;
}

.notifications_dialog th {
    padding-left: 1rem;
    padding-right: 1rem;
}

.notifications_dialog .date_ {
    text-align: right;
    width: 15%;
}

.notifications_dialog .user {
    width: 15%;
}

.notifications_dialog th.icon_ {
    width: 2.5rem;
}

.notifications_dialog td.icon_ {
    width: 2rem;
}

.notifications_dialog td .wrap {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    /* word-wrap: break-word; */
}

.notifications_dialog td .break {
    word-wrap: break-word;
    white-space: pre-wrap;
}

#ntd_pending th:last-child, #ntd_pending th:nth-child(4) {
    width: 2.5rem;
}

#ntd_pending td:last-child, #ntd_pending td:nth-child(4) {
    text-align: center;
    padding-right: 0.5rem;
    width: 3rem;
}

#ntd_new_message {
    /* vertical-align: center; */
    color: rgba(0, 0, 0, 0.75)
}

#ntd_new_message>div {
    margin: 1rem;
    display: flex;
    align-items: center;
}

#ntd_new_message label {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    font-size: 1rem;
    align-self: center;
}

.notifications_dialog button:active {
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.fa-1-5x {
    padding: 2px; 
    font-size: 16px;
}

.notifications_dialog .fa-check-circle-o {
    color: gray;
    cursor: pointer;
}

.notifications_dialog .fa-comments-o {
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.notifications_dialog .fa-check {
    color: rgba(0, 0, 0, 0.25);
}

.notifications_dialog .completed {
    color: green;
}

.notifications_dialog .fa-trash-alt {
    color: red;
    cursor: pointer;
}

.new_message_button {
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    padding: 0.3rem 1rem !important;
}

.select2-container {
    z-index: 9999;
    /* display: inline-block; */
    /* width: 50%; */
}

.swal2-title {
    line-height: 2.5rem;
}

.swal2-modal.swal2-show {
    width: 45vw !important;
    /* display: inline-block !important; */
}

/**** END CRM NOTIFICATION *****/

.circle-one-char {
    display: inline-block;
    border: 1px solid currentColor;
    width: 15px;
    height: 15px;
    line-height: -8px;
    font-size: 13px;
    border-radius: 50%;
    text-align: center;
    font-weight: bolder;
    padding-right: 1px;
}

.circle-two-chars {
    display: inline-block;
    border: 2px solid currentColor;
    height: 15px;
    line-height: -8px;
    font-size: 13px;
    border-radius: 5px;
    text-align: center;
    font-weight: bolder;
    padding-right: 1px;
}

.circle-action-icon.red {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: -8px;
    font-size: 13px;
    border-radius: 50%;
    text-align: center;
    font-weight: bolder;
    padding-right: 1px;
    background: url(/images/red_circle_button.png); 
    border: 1px solid black; 
    background-size: contain; 
    color:white;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.19) 0px 3px 6px 0px;
}

.circle-action-icon.yellow {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: -8px;
    font-size: 13px;
    border-radius: 50%;
    text-align: center;
    font-weight: bolder;
    padding-right: 1px;
    background: url(/images/yellow_circle_button.png); 
    border: 1px solid black; 
    background-size: contain; 
    color: black;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.19) 0px 3px 6px 0px;
}

.circle-action-icon.green {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: -8px;
    font-size: 13px;
    border-radius: 50%;
    text-align: center;
    font-weight: bolder;
    padding-right: 1px;
    background: url(/images/green_circle_button.png); 
    border: 1px solid black; 
    background-size: contain; 
    color:white;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.19) 0px 3px 6px 0px;
}

#trashcan {
    background: none !important;
}

#information {
    float: left;
    background: none !important;
    margin: 10px 0 0 10px;
    border: 0;
}

.contentwrapper {
   font-size: 13px;
}

.contentwrapper * {
    transition: 0.5s;
}

.contentwrapper h1 {
    color: #485b79;
    font-weight: normal;
    font-size: 16px;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    /*border-bottom: 1px solid hsla(217, 25%, 38%, 0.7);*/
    margin-bottom: 5px;
    display: inline-block;
    text-transform: uppercase;
}

.contentwrapper h1:nth-child(n+3) {
    margin-top: 20px;
}

.contentwrapper .field:hover {
    /*border-bottom: 1px solid hsla(217, 25%, 38%, 0.6)
    background-color: hsla(205, 60%, 93%, 1); */
}

.formwrapper .field:hover {
    background-color: transparent;
}

.contentwrapper hr:first-of-type {
    display: none;
}

.contentwrapper hr {
    margin-top: 15px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid hsla(217, 25%, 38%, 0.3);
}

.contentwrapper .field {
    border-bottom: 1px solid transparent;
    margin-left: 15px;
    vertical-align: middle;
}

/*.contentwrapper .field span:first-child {
    width: 120px;
    display: inline-block;
    padding: 2.5px 5px 2.5px 0;
} */

.contentwrapper .field span:nth-child(2) {
    color: hsla(217, 25%, 38%, 1)
}

.dataTables_scrollBody thead tr[role="row"] {
    visibility: collapse !important;
}

.dataTable thead th.info {
    cursor: hand;
}

.legend {
    list-style: none;
}

.legend li {
    margin-right: 10px;
}

.legend span {
    border: 1px solid #ccc;
    float: left;
    width: 25px;
    height: 18px;
    margin: auto;
    text-align: center;
    color: #000;
}

.legend .wait {
    background-color: #fff;
}

.legend .client {
    background-color: #e1fecc;
}

.legend .administration {
    background-color: #77E698;
}

.legend .invoice {
    background-color: #EFE4B0;
}

.invoice {
    background-color: #EFE4B0;
}

.ontrafeld {
    background-color: #fffacb;
}
.K {
    background-color: #e1fecc !important;
}
.A {
    background-color: #89e6a4 !important;
}
.NO {
    background-color: #f0afa6 !important;
}
.O {
    background-color: #feffcb !important;
}
.OV {
    background-color: #f8a3dc !important;
}
.OF {
    background-color: #ecf1ab !important;
}
.OVF {
    background-color: #b0e5ef !important;
}
.OG {
    background-color: #61c1d4 !important;
}
.OGF {
    background-color: #548add !important;
}
.planed {
    background-color: #e3e5e1;
}


span.status {
    border: 1px solid #ccc;
    padding: 4px 7px;
    margin: 0px 5px;
    text-align: center;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding: 2px 20%;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
    padding-top: 2px;
}

button#persoonsgegevens_administration_btn:disabled, button#persoonsgegevens_administration_btn[disabled] {
    background-color: #EEE;
    border-color: #ccc;
}

div.DTE div.DTE_Form_Error {
    padding-top: 0px;
}

div.dt-button-collection_email {
    position: absolute;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    background-color: white;
    overflow: hidden;
    float: none;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    column-gap: 8px;
}

.td-submenu {
    position: relative;
}

.td-submenu .submenu, .file_submenu, .custom-datatatables-header-menu {
    position: absolute;
    white-space: nowrap;
    top: -2px;
    z-index: 999999999;
    line-height: 21px;
    display: none;
    color: #222222;
}

.td-submenu .submenu.right, .file_submenu.right {
    left: 40px;
}

.td-submenu .submenu.left, .file_submenu.left {
    right: 40px;
}

.td-submenu .submenu a {
    display: block;
}

.td-submenu .submenu ul, .file_submenu ul, .custom-datatatables-header-menu ul {
    background-color: #ffffe3;
    list-style: none;
}

.td-submenu .submenu ul li, .file_submenu ul li, .custom-datatatables-header-menu ul li {
    text-align: left;
    padding: 5px;
    padding-left: 10px;
   /* border: 1px solid #f5f5cf; */
    border: 1px solid #8c8a89;
}

.td-submenu .submenu ul li:hover, .file_submenu ul li:hover, .custom-datatatables-header-menu ul li:hover {
    background-color: #ffffb6;
}

.submenu-icon {
    display: inline-block;
    width: 30px;
    font-size: 15px; 
    margin-top: 2px;
    color: #374864;
    cursor:pointer;
}

.file-icons {
    cursor: pointer;
    font-size: 17px;
}
/*
.file-icons::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
} */

.cancel-digital-sign-icon::before {
    content: "\f1c3";
    color: rgba(240, 55, 55, 0.8);
}

.send-digital-sign-icon::before {
    content: "\f573";
}

.resend-digital-sign-icon::before {
    content: "\f573";
    color: rgba(230, 140, 30, 0.8);
}

.send-file-icon::before {
    content: "\f0e0";
}

.download-file-icon::before {
    content: "\f019";
}

.recreate-file-icon::before {
    content: "\f15b";
}

.send-sms-icon::before {
    content: "\f7cd";
}

/********** LOADING BAR ************/

.progress {
    margin: 15px;
}

.progress .progress-bar.active {
    font-weight: 700;
    animation: progress-bar-stripes .5s linear infinite;
}

.dotdotdot:after {
    font-weight: 300;
    content: '...';
    display: inline-block;
    width: 20px;
    text-align: left;
    animation: dotdotdot 1.5s linear infinite;
}

@keyframes dotdotdot {
    0% {
        content: '...';
    }
    25% {
        content: '';
    }
    50% {
        content: '.';
    }
    75% {
        content: '..';
    }
}

#weekpicker {
    width: 45% !important;
    margin-right: 25%;
    margin-left: 25%;
    margin-top: 2%;
    margin-bottom: 2%;
}

#monthpicker {
    width: 15% !important;
    margin-right: 25%;
    margin-left: 35%;
    margin-bottom: 1%;
}

.ui-datepicker table tbody .ui-datepicker-week-col {
    color: red;
    width: 40px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #4f66b3 none;
	color: white;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable { 
    background: #eee;    
    color: white;
    opacity: 100;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable .ui-state-default {
    color: #C8C8C8 !important;
}

.ui-datepicker-calendar td.myClass { 
    background: #e1fecc none;
    color: white;
    opacity: 100;
}

.ui-datepicker td a:after {
    content: "";
    display: block;
    text-align: right;
    color: Blue;
    font-size: 11px;
}

.ui-datepicker-calendar td.ui-datepicker-other-month { 
    background: #f0eeee none;
	color: white;
}

.context-menu {
    display: none;
    position: absolute;
    z-index: 100000000;
}

.context-menu--active {
    display: block;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #ffffe3;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

ul.menu li {
    text-align: left;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

ul.menu li:not(:last-child) {
    border-bottom: #ffff7c;
}

ul.menu li:hover {
    background: #ffff99;
}

.inputdate {
    position: relative;
    width: 100px;
    height: 16px;
    color: white;
}

.inputdate:before {
    content: attr(data-date);
    display: inline-block;
    color: black;
}

.inputdate::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}

.inputdate::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0px;
    right: 0px;
    color: black;
    opacity: 1;
}

.main-container {
    height: 100%;
    display: flex;
}
  
.left-container {
    flex: 1 1 0;
    margin-right: 0.6%
}
  
.right-container {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    margin-right: 0.6%
}
  
.half-containers {
    flex: 1;
    overflow: auto;
    margin-bottom: 0.6%
}
.table-doc-status {
    min-width: 60px;
    max-width: 60px;
}

.email-verification {
    font-size: 24px;
   /* color: #999999; */
    color: #536a8f;
    margin-top: -7px;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.delete_button {
    padding-top: 2px !important;
}

.clearfix {
    background: #dddedf;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    color: #283751;
}

.dashboard_block {
    color:#283751;
    background-color: #b9b9b9;
    border-radius: 2px 2px 2px;
    border: 1px solid #a5a5a5;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-top: 5px;
}
/* steps progress bar */

ol.steps_progress_bar[data-steps="2"] li { width: 49%; }
ol.steps_progress_bar[data-steps="3"] li { width: 33%; }
ol.steps_progress_bar[data-steps="4"] li { width: 24%; }
ol.steps_progress_bar[data-steps="5"] li { width: 19%; }
ol.steps_progress_bar[data-steps="6"] li { width: 16%; }
ol.steps_progress_bar[data-steps="7"] li { width: 14%; }
ol.steps_progress_bar[data-steps="8"] li { width: 12%; }
ol.steps_progress_bar[data-steps="9"] li { width: 11%; }

.steps_progress_bar {
    width: 100%;
    list-style: none;
    list-style-image: none;
    margin: 20px 0 20px 0;
    padding: 0;
}

.steps_progress_bar li {
    float: left;
    text-align: center;
    position: relative;
}

.steps_progress_bar .name {
    display: block;
    vertical-align: bottom;
    text-align: center;
    margin-bottom: -4px;
   /* margin-bottom: 1em;*/
    color: black;
    opacity: 0.3;
}

.steps_progress_bar .step {
    color: black;
    border: 3px solid silver;
    background-color: silver;
    border-radius: 50%;
    line-height: 1.2;
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    z-index: 0;	
	cursor: pointer;
}

.steps_progress_bar .step span {
    opacity: 0.3;
}
.steps_progress_bar .name {
    font-size: 12px;
}

.steps_progress_bar .active .name,
.steps_progress_bar .active .step span {
    opacity: 1;    
}

.steps_progress_bar .step:before {
    content: "" !important;
    display: block !important;
    background-color: silver !important;
    height: 0.4em !important;
    width: 50% !important;
    position: absolute !important;
    bottom: 0.6em !important;
    left: 0 !important;
    z-index: -1 !important;
}

.steps_progress_bar .step:after {
    content: "" !important;
    display: block !important;
    background-color: silver !important;
    height: 0.4em !important;
    width: 50% !important;
    position: absolute !important;
    bottom: 0.6em !important;
    right: 0 !important;
    z-index: -1 !important;
}

.steps_progress_bar li:first-of-type .step:before {
    display: none !important;
}

.steps_progress_bar li:last-of-type .step:after {
    display: none !important;
}

.steps_progress_bar .done .step,
.steps_progress_bar .done .step:before,
.steps_progress_bar .done .step:after,
.steps_progress_bar .active .step,
.steps_progress_bar .active .step:before {
    background-color: yellowgreen !important;
}

.steps_progress_bar .done .step,
.steps_progress_bar .active .step {
    border: 3px solid yellowgreen !important;
}

.steps_progress_bar .error .step,
.steps_progress_bar .error .step:before,
.steps_progress_bar .error .step:after {
    background-color: lightpink !important;
}

.steps_progress_bar .error .step {
    border: 3px solid lightpink !important;
}

/* -- steps progress bar */

/* agenda */
  .tooltipWhite {
    font-size: 13px;
    font-family: "RobotoRegular";
   /* background-color: #1271eb !important;*/

   background-color: #1071ee;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.19) 0px 3px 6px 0px;
   /* color: rgba(0, 0, 0, 0.8);*/
   color: white !important;
  }  

  div.titleHintActive {
    font-size: 13px;
    font-family: "RobotoRegular";
    background-color: #1071ee;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.19) 0px 3px 6px 0px;
    color: white;
    display: inline-block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    padding: 5px; 
    max-width: 500px;
    z-index: 999999;
  }
  
  div.titleHintActive div.tolltipTriangle {
    position: absolute; 
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
    border-right: 5px solid #1071ee;
  }

  div.titleHintActive table td {
    border: none;
    padding-left: 2px;
    padding-right: 2px;
  }

  .ui-tooltip table tr td {
    border: none; 
    vertical-align: middle; 
    text-align: center;
  }

  .ui-tooltip table tr td:nth-child(2) {
    padding-left: 5px;
    text-align: left !important;
  }
/* -- agenda */

/* DATATABLE EDITOR CUSTOM FORM */

.custom_fields_table td {
    border: none;
    line-height: 13px;
}
.custom_fields_table div.DTE_Field {
    padding: 0px !important;
}

.custom_fields_table div.DTE_Field_Input {
    width: 100% !important;
}

.custom_fields_table div.DTE_Field_Type_textarea  {
    width: 100% !important;
}

.custom_fields_table td {
    vertical-align: middle;
}

table.table_section {
    border: 1px solid #aaaaaa; 
    border-radius: 5px; 
    width: 100%
}

table.table_section tbody td {
    vertical-align: middle;
}

table.table_section tbody tr:last-child td {
    padding-bottom: 2px;
}

table.table_section thead th.title span {
    background-color: white; 
    position: relative; 
    top: -12px; 
    margin: 0px; 
    padding: 3px; 
    padding-left: 10px;
    padding-right: 10px;
   /* color: #666666; */
    color: #5078ca;
   /* border: 1px solid #aaaaaa; */
    border-radius: 5px;
    float: left;
    margin-left: 8px;
}

table.table_section tbody td.field_label {
    width: 200px;
    padding-left: 5px;
}

table.table_section tbody td:last-child {
    width: 200px;
    padding-right: 5px;
}

table.custom_fields_table tbody td div.half_field_container {
    display: inline-block; 
    width: 50%; 
    float: left; 
    padding: 0px;
}

div.DTE_Field_Type_textarea textarea {
    width: 100%;
}

table.custom_fields_table .select2-selection__rendered {
    width: 260px;
    max-width: 260px;
}

.action-menu-next{
    display: inline-block;
    text-align: right;
    cursor: pointer;
    margin-top: -4px;
    margin-left: 2px;
    margin-right: 5px;
    color: #fb9137 !important;
    text-shadow: #000000 1px 3px 3px;
    font-size: 22px;
  }

/* -- DATATABLE EDITOR CUSTOM FORM*/