body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9rem;
    font-weight: 400;
    text-align: left;
	margin: 10px 0 0 15px;
    background-color: #fff;
}

#content-container 
{
    position: relative; 
    width: 1200px; 
    height:90%; 
    margin: 0; 
    padding: 0;
    top: 0;
    left: 0;
    text-align: left;
}

#menu-left 
{
    float: left; 
    position: relative;     
    top: 0; 
    width: 250px; 
    height: auto; 
}

#footer 
{
    position: absolute; 
    left: 0; 
    bottom: -50px; 
    width: 100%; 
    height: 50px;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 
{
    color: #585959;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
  font-size: 1.2rem;
}

h2, .h2 {
  font-size: 1rem;
}

h3, .h3 {
  font-size: 0.90rem;
}

h4, .h4 {
  font-size: 0.75rem;
}

h1 span, h2 span{
    float: right;
}

/** ajaxloader */
#ajaxloader
{
    background-image: url(../img/ajax_loader_blue_64.gif);
	background-repeat: no-repeat;
    background-position: center;
    height: 65px;
    width: 200px;
}

/** background icons  png */
.done
{
    background-image: url(../img/done.png);
	background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
}
.icon-pencil{
    background: #fff url(../img/icon_pencil.png) 10px 10px no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.icon-preview{
    /* background: #fff url(../img/icon_preview.png) 10px 10px no-repeat; */
    background: #fff url(../img/icon_view.png) 10px 10px no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.icon-done{
    background: #fff url(../img/icon_done.png) 10px 2px no-repeat;
}
.icon-pencil{
    background: #fff url(../img/icon_pencil.png) 10px 10px no-repeat;
}
.icon-mail{
    background: #fff url(../img/icon_email.png) 10px 10px no-repeat;
    cursor: pointer;
}
.icon-subject{
    background: #fff url(../img/icon_subject.png) 10px 10px no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.icon-delete, .icon-delete-tr{
    background: #fff url(../img/icon_delete.png)10px 10px no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.icon-add{
    background: #fff url(../img/icon_add2.png) 10px 10px no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.icon-plus{
    background: #fff url(../img/icon_plus.png) 10px 10px no-repeat;
    cursor: pointer;
}
.icon-vinkje{
    background: #fff url(../img/checked.png) 10px 10px no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

/** background icons  svg */
.datepicker, .datepick {
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 95% center;
    background-position: right .75rem center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOS42IDM5LjQiPjxwYXRoIGQ9Ik0xNC42IDBIMkMuOSAwIDAgLjkgMCAydjEyLjdjMCAxLjEuOSAyIDIgMmgxMi43YzEuMSAwIDItLjkgMi0yVjJjLS4xLTEuMS0xLTItMi4xLTJ6bTIzLjEgMEgyNWMtMS4xIDAtMiAuOS0yIDJ2MTIuN2MwIDEuMS45IDIgMiAyaDEyLjdjMS4xIDAgMi0uOSAyLTJWMmMtLjEtMS4xLTEtMi0yLTJ6TTE0LjYgMjIuN0gyYy0xLjEgMC0yIC45LTIgMnYxMi43YzAgMS4xLjkgMiAyIDJoMTIuN2MxLjEgMCAyLS45IDItMlYyNC43Yy0uMS0xLjEtMS0yLTIuMS0yem0yMy4xIDBIMjVjLTEuMSAwLTIgLjktMiAydjEyLjdjMCAxLjEuOSAyIDIgMmgxMi43YzEuMSAwIDItLjkgMi0yVjI0LjdjLS4xLTEuMS0xLTItMi0yeiIgZmlsbD0iIzk0OTk5ZiIvPjwvc3ZnPg==);
    cursor: pointer;
}

/* background logo */
.logo-voucher
{   
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url(../img/logo-factuur-sm.png);
}

/* background color */
.bgcolor-white
{
    background-color: #FFFFFF;
}


.btn{
    cursor: pointer;
    color: #FFFFFF !important;
    background-color: #4175B8;
    border: 1px solid #4175B8;
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    border-radius: 0.3rem;
    text-decoration: none;
}
.bold{
 	font-weight: bold;	
}
.bolditalic{
 	font-weight: bold;	
	font-style: italic;
}
.underline{
	text-decoration: underline;
}

.italic{
	font-style: italic;
}
.top{
    vertical-align: top;
}
.middle
{
    vertical-align: middle;
}
.right
{
    text-align: right;
}
.bottom
{
    vertical-align: bottom;
}
.text-left
{
    text-align: left;
}
.text-right
{
    text-align: right 
}
.text-center
{
    text-align: center
}

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

.pointer
{
    cursor: pointer;
}

#btn-frm, .btn-frm
{
    margin: 24px 0 84px 0;
} 
hr
{
	color: rgba(0, 0, 0, 0.1);
	width: 70%;
	margin: 1rem 0 1rem 0;
}

/* formulier */
.txtred{
    color:#FF1B1B;
}

input{
    padding: 6px;
    border: 1px solid #A6A5A5;
	font-size: 13px;
}

textarea{
    padding: 6px;
    outline: none;
    resize: none;
    overflow: auto;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
    line-height: 1.65;
}

.border-red
{
    border: 1px solid #FF1B1B;
}

select{
    padding: 4px;
}

#multiselect option
{
    margin-bottom: 6px;
} 

/* formulier */
#right input[type="radio"]
{
    display: inline-block;
    margin-right: 6px;
}



.lightgrey {   
    background-color: #FBFBFB;
}

#show-msg{
    color:#FB0505;
    font-size: 14px;
}

.highlight
{
    background-color: #E3DFDF;
}

/* unvisited link */
a:link {
  color: #2f5508;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: blue;
}

a:active {
  color: #2f5508;
}
a:hover {
  color: blue;
}

/* colors font */
.red
{ 
    color: #FB0707;
}

.green
{ 
    color: #2f5508;
}

.zebra {   
    background-color: #E5E5E5;  color: #4C4C4C; 
}

.rood
{
	color: red;
}

label{
    display: block;
    margin: 12px 0 12px 0;
    font-size: 13px;
    color: #3d3e37;
}

select {
	background-color: #FFFFFF;
	color: black;
	font-size: 13px;
	border: 1px solid #D0D0D0;
	padding: 6px;
}

.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}

img {display: block}