@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');
/***** 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;
}

/***** GENERAL STYLES *****/
/*****************************/
* {
  margin: 0;
  padding: 0;
}

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

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

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: 14px;
}

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;
}

/* with menu style 2 in collapsed mode */
/***** COLUMN STYLE *****/
/***************************/

.one_half {
    width: 48.5%;
}

.one_third {
    width: 31.16%;
}

.two_third {
    width: 65.83%;
}

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

.three_fourth {
    width: 74.5%;
}

.one_fifth {
    width: 17.3%;
}

.two_fifth {
    width: 38.1%;
}

.three_fifth {
    width: 58.9%;
}

.four_fifth {
    width: 74.7%;
}

.one_sixth {
    width: 13.83%;
}

.two_sixth {
  width: 35.5%;
}

.four_sixth {
  width: 63.5%;
}

.five_sixth {
    width: 79.17%;
}

.full_size {
    width: 99%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .four_sixth, .five_sixth, .full_size {
  position: relative;
    margin-right: 1%;
    float: left;
}

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

/***** LOGIN PAGE *****/
/*************************/

.loginpage {
    background: #fff url(../images/patternbg.png);
}

.loginbox {
    width: 342px;
    padding: 5px;
    background: #fff;
    margin: 7% auto 0 auto;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.loginboxinner {
    padding: 20px;
    background: #32415a url(../images/patternbg.png);
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.loginbox .logo {
    text-align: center;
}

.loginbox .logo h1 {
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    font-size: 32px;
    color: #fff;
    border-bottom: 1px solid #56647d;
    line-height: normal;
    margin-bottom: 5px;
}

.loginbox .logo h1 span {
    color: #FB9337;
}

.loginbox .logo p {
    font-weight: bold;
    color: #eee;
    font-style: italic;
}

.loginbox form {
    display: block;
    margin-top: 20px;
}

.loginbox .username {
    background: #eee url(../images/icons/username.png) no-repeat 13px center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    margin: 20px 0;
    overflow: hidden;
}

.loginbox .usernameinner {
    margin-left: 45px;
    border-left: 1px solid #ddd;
    background: #fff;
}

.loginbox .username input {
    padding: 15px 10px;
    border: 0;
    font-size: 14px;
    width: 330px;
    box-shadow: none;
    color: rgba(0,0,0,0.8);
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.loginbox .password {
    background: #eee url(../images/icons/password.png) no-repeat 13px center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    margin: 20px 0;
    overflow: hidden;
}

.loginbox .passwordinner {
    margin-left: 45px;
    border-left: 1px solid #ddd;
    background: #fff;
}

.loginbox .password input {
    padding: 15px 10px;
    border: 0;
    font-size: 14px;
    width: 330px;
    box-shadow: none;
    color: rgba(0,0,0,0.8);
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.loginbox .company {
    background: #eee url(../images/icons/company.png) no-repeat 13px center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    margin: 20px 0;
    overflow: hidden;
}

.loginbox .companyinner {
    margin-left: 45px;
    border-left: 1px solid #ddd;
    background: #fff;
}

.loginbox .company input {
    padding: 15px 10px;
    border: 0;
    font-size: 14px;
    width: 330px;
    box-shadow: none;
    color: rgba(0,0,0,0.8);
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.loginbox button {
    background: #f0801d url(../images/btngrad.png) repeat-x top left;
    border: 0;
    padding: 15px 0;
    text-align: center;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    text-transform: uppercase;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.loginbox button:hover {
    background-color: #f0721e;
}

.loginbox .keep {
    margin-top: 20px;
    font-weight: bold;
    color: #ccc;
    font-size: 11px;
}

.loginbox .loginmsg {
    background: #fffccc;
    color: #333;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.loginpage .thumb {
    padding: 5px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.loginpage h4 {
    font-size: 14px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.loginpage a {
    color: #f0801d;
    font-style: italic;
}

.loginpage a:hover {
    text-decoration: underline;
}

/***** TOP HEADER STYLES *****/
/********************************/
.header_fix {

    height: 140px;

    display: block;
    width: 100%;
    background: transparent;

}

.topheader {
    background: #34445e url(../images/default/topheaderbg.png);
    padding: 8px 0px;
    position: relative;
    border-bottom: 1px solid #303f59;
    width: 100%;
    /*z-index: 1;*/
}

.topheader .left h1.logo {
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    float: left;
    font-size: 30px;
    margin: 10px 0;
    padding-left: 8px;

}

.topheader .left h1.logo a {
    color: #fff;
}

.topheader .left h1.logo span {
    color: #f6e4a5;
}

.topheader .left .slogan {
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    float: left;
    padding: 8px 10px;
    border-left: 1px solid #606d84;
    color: #6a778d;
    font-style: italic;
    margin: 2px 10px;
    font-size: 30px;
}

.search {
    float: left;
    margin: 2px 10px;
}

.search input[type=text] {
    border: 0;
    padding: 10px 8px 11px 8px;
    background: #32415a;
    float: left;
    color: #4a5b78;
    -moz-border-radius: 2px 0 0 2px;
    margin: 0;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    border-bottom: 1px solid #445775;
    width: 200px;
    font-style: italic;
    -moz-box-shadow: inset 1px 1px 2px #2b384e;
    -webkit-box-shadow: inset 1px 1px 2px #2b384e;
    box-shadow: inset 1px 1px 2px #2b384e;
}

.search input[type=text]:focus {
    font-style: normal;
    color: #6a778d;
}

.search .submitbutton {
    float: left;
    border: 0;
    border-bottom: 1px solid #445775;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    cursor: pointer;
    border-radius: 0 0 2px 0;
    background: url(../images/default/searchbutton.png) no-repeat 0 0;
    width: 38px;
    height: 37px;
    vertical-align: middle;
}

.topheader .right {
    position: absolute;
    top: 10px;
    right: 10px;
}

.notification {
    float: left;
    position: relative;
}

.notification a.count {
    background: #cc170e url(../images/default/notibg.png) repeat-x top left;
    margin-right: 10px;
    font-size: 14px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    padding: 8px 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #445775;
    -moz-box-shadow: inset 0 0 5px #400603;
    -webkit-box-shadow: inset 0 0 5px #400603;
    box-shadow: inset 0 0 5px #400603;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

.notification a.count:hover {
    background: #d7180e;
}

.noticontent {
    position: absolute;
    z-index: 100;
    width: 300px;
    top: 48px;
    right: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 200;
}

/***** USER INFORMATION DROP STYLES *****/
/*******************************************/

.userinfo {
    padding: 6px 18px 6px 6px;
    background: #32415a url(../images/default/userinfoarrow.png) no-repeat right center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 2px #2b384e;
    float: right;
    border-bottom: 1px solid #445775;
    -webkit-box-shadow: inset 1px 1px 2px #2b384e;
    box-shadow: inset 1px 1px 2px #2b384e;
    cursor: pointer;
}

.userinfo:hover {
    background-color: #2d3b53;
}

.userinfo img {
    border: 1px solid #b9c1ce;
    vertical-align: middle;
}

.userinfo span {
    color: #b9c2cf;
    display: inline-block;
    padding: 0 5px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.userinfodrop {
    padding: 10px;
    position: absolute;
    top: 48px;
    right: 0;
    -moz-border-radius: 2px;
    display: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 200;
}

.userinfodrop .avatar {
    float: left;
}

.userdata {
    margin-left: 105px;
}

.userdata h4 {
    color: #2d3c54;
    display: inline-block;
}

.userdata .email {
    color: #999;
    font-size: 11px;
    display: inline-block;
}

.userdata ul {
    list-style: none;
    margin-top: 10px;
}

.userdata ul li {
    display: block;
    margin-bottom: 10px;
}

.userdata ul li:last-child {
    margin-bottom: 0;
}

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

.header {
    background: #485b79 url(../images/default/headerbg.png);
    min-height: 50px;
    overflow: hidden;
    border-bottom: 5px solid #fb9337;
    -moz-box-shadow: inset 0 1px 0 #50627f;
    -webkit-box-shadow: inset 0 1px 0 #50627f;
    box-shadow: inset 0 1px 0 #50627f;
    position: relative;
    top: 9px;
    width: 100%;
    z-index: 1;
}

.headermenu {
    overflow: hidden;
    list-style: none;
    border-right: 1px solid #576a85;
    display: inline-block;
}

.headermenu li {
    float: left;
    display: inline-block;
    border-left: 1px solid #576a85;
    border-right: 1px solid #394962;
}

.headermenu li:first-child {
    border-left: 0;
}

.headermenu li a {
    display: block;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 10px;
}

.headermenu li a {
    min-width: 80px;
    text-align: center;
    font-size: 13px;
}

.headermenu li a span {
    opacity: 0.5;
}

.headermenu li a span.icon {
    height: 30px;
    display: block;
    margin-bottom: 10px;
}

.headermenu li a span.icon-flatscreen {
    background: url(../images/icons/flatscreen.white.png) no-repeat center center;
}

.headermenu li a span.icon-calendar {
    background: url(../images/icons/calendar.white.png) no-repeat center center;
}

.headermenu li a span.icon-pencil {
    background: url(../images/icons/pencil.white.png) no-repeat center center;
}

.headermenu li a span.icon-clock {
    background: url(../images/icons/clock.white.png) no-repeat center center;
}

.headermenu li a span.icon-speech {
    background: url(../images/icons/speech.white.png) no-repeat center center;
}

.headermenu li a span.icon-message {
    background: url(../images/icons/message.white.png) no-repeat center center;
}

.headermenu li a span.icon-relations {
    background: url(../images/icons/relations.white.png) no-repeat center center;
}

.headermenu li a span.icon-chart {
    background: url(../images/icons/chart.white.png) no-repeat center center;
}

.headermenu li a span.icon-data {
    background: url(../images/icons/data.white.png) no-repeat center center;
}

.headermenu li a span.icon-presentation {
    background: url(../images/icons/presentation.white.png) no-repeat center center;
}

.headermenu li a span.icon-settings {
    background: url(../images/icons/settings.white.png) no-repeat center center;
}

.headermenu li a span.icon-admin {
    background: url(../images/icons/admin.white.png) no-repeat center center;
}

.headermenu li a:hover {
    background: url(../images/default/bghover.png) no-repeat center bottom;
    -moz-box-shadow: inset 0 1px 0 #4f627e;
    -webkit-box-shadow: inset 0 1px 0 #4f627e;
    box-shadow: inset 0 1px 0 #4f627e;
}

.headermenu li.current {
    border-left: 0;
    border-right: 1px solid #394962;
}

.headermenu li.current a {
    background: url(../images/default/arrow-active.png) no-repeat center bottom;
    -moz-box-shadow: inset 0 1px 0 #4f627e;
    -webkit-box-shadow: inset 0 1px 0 #4f627e;
    box-shadow: inset 0 1px 0 #4f627e;
}

.headermenu li.current a span {
    opacity: 1;
}

.headerwidget {
    position: absolute;
    top: 10px;
    right: 10px;
}

.headerwidget .earnings {
    background: #32415a;
    padding: 8px 10px;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    min-width: 200px;
    -moz-box-shadow: inset 1px 1px 2px #29374e;
    -webkit-box-shadow: inset 1px 1px 2px #29374e;
    box-shadow: inset 1px 1px 2px #29374e;
    border-bottom: 1px solid #516686;
}

.headerwidget .earnings h4 {
    font-weight: normal;
    text-transform: uppercase;
    color: #eee;
    font-size: 11px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    margin-bottom: 8px;
}

.headerwidget .earnings h2 {
    color: #f6e4a5;
    font-size: 32px;
    font-weight: normal;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    margin-bottom: 8px;
}

/***** 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: 16px;
    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 *****/
/*******************************************/
.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 {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 0 10px;
    height: 31px;
}

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

.hornav 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;
}

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

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

.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;
}

.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;
}

/***** VERTICAL NAVIGATION STYLES *****/
/******************************************/

.vernav {
    width: 240px;
    position: absolute;
    left: 0;
    top: 140px;
}

.vernav i {
font-size: 16px;
padding-right:10px;
}

.vernav ul {
    list-style: none;
    margin: 4px;
}

.vernav ul li {
    display: block;
    margin-bottom: 1px;
    position: relative;
}

.vernav ul li a {
    display: block;
	padding-top:8px;
	padding-bottom:22px;
	padding-left:10px;
	padding-right:10px;
    background: #465977;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    color: #eee;
    text-transform: uppercase;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/* .pull-right-container {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px;
} */

.pull-right-container {
    position: absolute;
    left: 35px;
    top: 70%;
    margin-top: -4px;
}

.vernav .label, .vernav .badge {
    margin-right: 5px;
}

.vernav .label {
    display: inline;
	padding: .3em .4em .2em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.vernav ul li a:hover {
    background-color: #3b4b64;
    /* color: #eee; */
	color: #fff;
}

.vernav ul li.current a {
    background-color: #3b4b64;
    color: #fff;
}

.vernav ul ul {
    margin: 0;
    margin-left: 10px;
    display: none;
}

.vernav ul ul li a {
    color: #999;
    background: #fff url(../images/line.dashed.png) no-repeat -25px center;
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}

.vernav ul ul li a:hover {
    background-color: #fff;
    color: #666;
}

.vernav ul li.current ul {
    display: block;
}

.vernav ul li.current ul li a {
    background-color: #fff;
    color: #999;
}

.vernav ul li.current ul li a:hover {
    color: #666;
}

.vernav ul li.current ul li.current a {
    color: #fb9337;
    background-color: #fff;
}

/* .vernav2 {
    width: 190px;
    position: fixed;
    left: 0;
    top: 140px;
    z-index: 10;
    overflow: auto;
    height: calc(100vh - 141px);
} OLD NOT GOOD FIX!!! */

.vernav2 {
    width: 190px;
    /* position: fixed; */
	position: absolute;
    left: 0;
    height: calc(100vh - 141px);
}

.vernav2 ul {
    list-style: none;
    margin: 0;
}

.vernav2 ul li {
    display: block;
    border-bottom: 1px solid #eee;
    position: relative;
}

.vernav2 ul li a {
    display: block;
    padding: 9px 10px;
    background: #fff;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    color: #32415a;
    text-transform: uppercase;
}

.vernav2 ul li a:hover {
    background-color: #fcfcfc;
}

.vernav2 ul li.current a {
    background-color: #f7f7f7;
    color: #fb9337;
}

.vernav2 ul ul {
    margin: 0;
    padding-left: 10px;
    border-top: 1px solid #eee;
    display: none;
}

.vernav2 ul ul li {
    border-bottom: 0;
}

.vernav2 ul ul li a {
    color: #999;
    background: #fff url(../images/line.dashed.png) no-repeat -25px center;
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}

.menucoll2 ul ul li a {

    color: #fff;
    background: #576d91 url(../images/line.dashed.png) no-repeat -25px center;
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}

.vernav2 ul ul li a:hover {
    background-color: #fff;
    color: #666;
}

.menucoll2 ul ul li a:hover {
    background-color: #fca253;
    color: #fff;
}

.vernav2 ul ul li:last-child {
    border-bottom: 0;
}

.vernav2 ul li.current ul {
    display: block;
}

.vernav2 ul li.current ul li a {
    background-color: #fff;
    color: #999;
}

.menucoll2 ul li.current ul li a {
    background-color: #576d91;
    color: #fff;
}

.vernav2 ul li.current ul li a:hover {
    color: #666;
}

.menucoll2 ul li.current ul li a:hover {
	background-color: #fca253;
    color: #fff;
}

.vernav2 ul li.current ul li.current a {
    background-color: #fff;
    color: #fb9337;
}

.vernav ul li span.arrow, .vernav2 ul li span.arrow {
    position: absolute;
    top: 17px;
    right: 10px;
    background: url(../images/default/menuarrow.png) no-repeat 0 0;
    width: 11px;
    height: 5px;
}

.vernav ul li.current span.arrow, .vernav2 ul li.current span.arrow {
    background-position: 0 -5px;
}

.iconmenu ul li a {
    padding-left: 35px;
    background-image: url(../images/default/icons_sprite.png);
    background-repeat: no-repeat;
    background-position: 10px 12px;
    font-size: 13px;
}

.iconmenu ul li a:hover {
    background-image: url(../images/default/icons_sprite2.png);
}

.iconmenu ul li.current a:hover {
    background-image: url(../images/default/icons_sprite.png);
}

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

.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;
}

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

.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;
}

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


.menucoll {
    width: 55px;
}

.menucoll ul li {
    height: 36px;
    position: relative;
    margin-bottom: 0;
}

.menucoll ul li span.arrow {
    display: none;
}

.menucoll > ul > li {
    margin-bottom: 1px;
}

.menucoll > ul > li > a {
    overflow: hidden;
    width: 0;
    height: 36px;
    padding: 0 0 0 35px;
}

.menucoll > ul > li.hover > a {
    background-color: #32415A;
    background-image: url(../images/default/icons_sprite2.png);
}

.menucoll > ul > li.current > a {
    background-image: url(../images/default/icons_sprite.png);
}

.menucoll ul ul {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 24px;
    padding: 0;
    width: 200px;
    background: none;
    border: 1px solid #ccc;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.1);
}

.menucoll ul ul li {
    display: block;
    border-bottom: 1px solid #eee;
    height: auto;
}

.menucoll ul ul li a {
    background-image: none;
    border-left: 0;
    height: auto;
    padding: 11px 10px 10px 10px;
}

.menucoll ul ul span {
    background: #f7f7f7;
    font-weight: bold;
    display: block;
    padding: 9px 10px 10px 10px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.menucoll ul li.current ul {
    display: none;
}

.menucoll ul li.current ul span {
    background-color: #32415A;
    color: #FB9337;
}

.menucoll2 {
    width: 35px;
}

.menucoll2 ul li {
    height: 36px;
    position: relative;
}

.menucoll2 ul li span.arrow {
    display: none;
}

.menucoll2 > ul > li > a {
    overflow: hidden;
    width: 0;
    height: 36px;
    padding: 0 0 0 35px;
}

.menucoll2 > ul > li.hover > a {
    background-color: #f7f7f7;
    background-image: url(../images/default/icons_sprite2.png);
}

.menucoll2 > ul > li.current > a {
    background-image: url(../images/default/icons_sprite.png);
}

.menucoll2 ul ul {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 35px;
    padding: 0;
    width: 160px;
    background: none;
    border: 1px solid #ccc;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.1);
}

.menucoll2 ul ul li {
    display: block;
    border-bottom: 1px solid #eee;
    height: auto;
}

.menucoll2 ul ul li a {
    background-image: none;
    border-left: 0;
    height: auto;
    padding: 11px 10px 10px 10px;
}

.menucoll2 ul ul span {
    background: #fca253;
	color: #fff;
    font-weight: bold;
    display: block;
    padding: 9px 10px 10px 10px;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.menucoll2 ul li.current ul {
    display: none;
}

.menucoll2 ul li.current ul span {
    color: #fff;
}

.togglemenu {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: block;
    height: 21px;
    cursor: pointer;
    background: url(../images/menucollapsed.png) no-repeat center 0;
    margin: 10px;
}

.togglemenu_collapsed {
    background-position: center -21px;
    margin: 10px 5px;
    border-width: 0;
}

.vernav .togglemenu {
    margin: 10px;
}

.vernav .togglemenu_collapsed {
    width: 35px;
    margin: 10px auto;
    border-width: 1px;
}

/***** 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: 1rem;
  padding-right: 1.2rem;
  padding-left: 1rem;
  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: 100px !important;
    cursor: pointer;
}

/** 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 #ccc;
    background: none;
    font-weight: normal;
    color: #666;
}

.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 {
    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 {
    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%;
}

.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 .dataTables_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 tr.odd {
    background-color: #fcfcfc;
}

table.dataTable tr.even {
    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;
}

.dataTable thead th.info {
    background-color: #ccd9fe;
    cursor: hand;
}

.legend { list-style: none; }
.legend li { margin-right: 10px; }
.legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }
.legend .wait { background-color: #fff; }
.legend .client { background-color: #e1fecc; }
.legend .administration { background-color: #77E698; }
.legend .invoice { background-color: #EFE4B0; }

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

.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;
}

.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); */
}

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;
}

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

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

.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;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_length {
    float: left;
    padding-right: 25px;
}

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

.dataTables_table_bottom {
    height: 22px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 8px;
}

.dataTables_paginate {
    margin-top: 37px;
    /* float: right; */
}

.dataTables_length, .dataTables_paginate, .dataTables_table_top {
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.dataTables_wrapper 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;
}

.dataTables_wrapper input {
    border: 1px solid #ddd;
    padding: 4px 5px 4px 5px;
    background: #fff;
}

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

.dataTables_filter input {
    width: 130px;
}

/*.dataTables_info { position: absolute; bottom: 6px; left: 8px; }*/
.dataTables_info {
    float: left !important;
    padding-top: 2px !important;
    clear: none !important;
}

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

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

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

.dataTables_paginate .paginate_button, .paginate_enabled_previous, .paginate_enabled_next {
    border: 1px solid #ccc;
    padding: 4px 6px;
    margin-left: 1px;
    font-weight: bold;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
}

.dataTables_paginate .paginate_active {
    border: 1px solid #F0882C;
    background: #F0882C;
    color: #fff;
    padding: 5px 7px;
    margin-left: 5px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
}

.dataTables_paginate .paginate_disabled_previous, .paginate_disabled_next {
    border: 1px solid #ccc;
    padding: 5px 7px;
    margin-left: 5px;
    font-weight: bold;
    background: #fcfcfc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
    color: #999;
}

.dataTables_paginate .paginate_button:hover, .paginate_enabled_previous:hover, .paginate_enabled_next:hover {
    background: #ddd;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #333;
}

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_werk_aanvraag tr {
    /*height: 32px;*/
    height: 28px;
}
#table_transport tr {
    /*height: 32px;*/
    height: 28px;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 6px 13px;
}

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

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

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 {
  text-align: right;
    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 *****/
/************************************/

.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=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{
    border: 1px solid #f0882c;
    background: #fb9337;
    color: #fff;
    cursor: pointer;
    padding: 7px 10px;
    font-weight: bold;
}

.div_form button, .div_form .submit {
    border: 1px solid #f0882c;
    background: #FFCC80;
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    font-size: small;
    text-decoration: none;
    padding: 3px 5px;
    font-weight: normal;
    vertical-align: middle;
}

.div_form button:hover, .div_form .submit:hover {
    border: 1px solid #f0882c;
    background: #FFBD5B;
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    font-size: small;
    text-decoration: none;
    padding: 3px 5px;
    font-weight: normal;
    vertical-align: middle;
}

/*.div_form .showfile {
  background: #A5D6A7;
  color: rgba(0,0,0,0.8);
  border: 1px solid #4CAF50;
}*/

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.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.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 .stdform p, .div_form .stdform .p {
    margin: 6px 0;
}

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

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

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: 220px;*/
	margin-left: 120px;
    display: block;
    position: relative;
}

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

.stdform label:not(.submit) {
    float: left;
   /* width: 106px; */
    text-align: right;
   /* padding: 5px 20px 0 0; */
	 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;
}

#select_button {
  position: absolute;
  right: 30px;
  top: 23px;
  padding: 5px 15px;
}

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

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

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

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

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

#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.very_smallinput {
  width: 60px;
}

.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;
    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;
}

/***** BUTTONS & ICONS STYLES *****/
/**************************************/
.editor_buttons:active {
    background: #ff9702;
}

/***** CUSTOM COLOR *****/
a.btn_orange {
    background-image: none;
    background-color: #FB9337;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #F0882C;
    opacity: 0.9;
}

a.editor_buttons {
    background-image: none;
    background-color: #FB9337;
    color: #fff;
    border-color: #F0882C;
    opacity: 0.9;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 0px;
    font-weight: bold;
    position: relative;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    white-space: nowrap;
    display: inline;
}

a.editor_buttons:hover, a.dt-button:hover {
    opacity: 1;
    color: #fff;
    border-color: #F0882C;
    background-color: #FB9337;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
/* niuew */
.button_ {
    color: white;
    border: 1px solid #F0882C;
    background-color: #FB9337;
    padding: 0rem 0.5rem;
    border-radius: 0.1rem;
    cursor: pointer;
}

/*button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {
    background-image: none;
    opacity: 1;
    color: #fff;
    border-color: #F0882C;
    background-color: #FB9337;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    box-shadow: none;

}*/

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {
    border: 1px solid #f0882c;
    background: #FFBD5B;
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    font-size: small;
    text-decoration: none;
    padding: 3px 5px;
    font-weight: normal;
    vertical-align: middle;
}
/***** BUTTONS V1 *****/
/*
button.editor_buttons:active {
  background: #ff9702;
}

 button.editor_buttons {
  background-image: none;
  background-color: #FB9337;
  color: #fff;
  border-color: #F0882C;
  opacity: 0.9;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  top: -3px;
  margin-right: 3px;
  margin-left: 0px;
  position: relative;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  display: inline;
}

button.editor_buttons:hover, a.dt-button:hover {
  opacity: 1;
  color: #fff;
  border-color: #F0882C;
  background-color: #FB9337;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
*/
/***** END BUTTONS V1 *****/

/***** BUTTONS V2 *****/
button.editor_buttons, dt-button {
    border: 1px solid #f0882c;
    background: #FFCC80;
    color: rgba(0,0,0,0.6);
    cursor: pointer;
    font-size: small;
    text-decoration: none;
    padding: 3px 5px;
    font-weight: normal;
    vertical-align: middle;
}

button.editor_buttons:hover, a.dt-button:hover, dt-button:hover, button.dt-button:hover {
    border: 1px solid #f0882c;
    background: #FFBD5B;
    color: rgba(0,0,0,0.6);
    cursor: pointer;
    font-size: small;
    text-decoration: none;
    padding: 3px 5px;
    font-weight: normal;
    vertical-align: middle;
}
/***** END BUTTONS V2 *****/

/***** 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;
}

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

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

.brown {
    background-color: #efe3db !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;
}

.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;
}

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

.lightgray1 {
  background-color: #F9F9F9;
}

.lightgray2 {
  background-color: #F5F5F5;
}

.green_text {
    color: green !important;
}

.red_text {
    color: red !important;
}

.orange_text {
    color: orange !important;
}

.blue_text {
    color: blue !important;
}

.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;
}

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

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

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

.ActiveFilter {
    float: left;
}

.ActiveFilterB {
    float: left;
}

.ActiveFilterC {
    float: left;
}

.ActiveMedewerkersFilter {
  float: left;
}

.ActiveMedewerkersFilter select {
  font-size: 12px;
}

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

.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');
}

.wa_info {
    padding: 0px !important;
}


/* Tooltip */

  .ui-tooltip {
    background: #666;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
  }

.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;
  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{
    display: inline;
    margin: 0 10px;
    float: none;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

#currentYear, #currentMonth, #currentWeek{
    margin-right: 5px;
    font-size: 15px;
}

#currentMonth{
    display:inline-block;
    width:70px;
}

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

#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;
}

/*****  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: 10px; 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: 21.5px;
	-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:5px;
 box-shadow:0 1px 1px rgba(0,0,0,0.1)
}
.small-box>.inner {
 padding:10px
}
.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:90px;
 color:rgba(0,0,0,0.15)
}
.small-box:hover {
 text-decoration:none;
 color:#f9f9f9
}
.small-box:hover .icon {
 font-size:95px
}
@media (max-width:767px) {
 .small-box {
  text-align:center
 }
 .small-box .icon {
  display:none
 }
 .small-box p {
  font-size:12px
 }
}

.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-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-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-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 div.DTE_Field {
    padding: 5px;
}

table#gebruikersEdit {
    width:100%; 
    border-collapse: collapse;
}

table#gebruikersEdit th, td {
    border-bottom: 1px solid black;
    padding-top: 2px;
    padding-bottom: 2px;
}

/** 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;         
}
.hamburger-menu {width:29px;height:29px;}

.hamburger-menu img {padding:0px;margin:0px;width:25px; position:relative; top: -2px; left: -4px;}

.hamburger-menu-margin {margin-top: 9px;}


.h_menu_fix {bottom: 9px; display: inline-block;}

.h_editor_button_fix {bottom: 9px; display: inline-block;}

.hamburger-menu:hover {
    background-color:red;
}

.ActiveFilter select {
  font-size: 12px;
}

.ActiveFilterB select {
    font-size: 12px;
  }

  .ActiveFilterC select {
    font-size: 12px;
  }

#information {
    float: left;
    background: none !important;
    margin: 10px 0 0 10px;
    border: 0;
  }