@charset "UTF-8";

/* ----------------- general ----------------- */
/* ----------------- overlay ----------------- */
/* -------------- block message -------------- */
/* ---------------- messages ----------------- */
/* -------------- basic colors --------------- */
/* ------------- status classes -------------- */
/* --------- password strength meter --------- */
/* ------------------ forms ------------------ */

/* ----------------- general ----------------- */

/* ----------------- overlay ----------------- */

DIV.overlay
{
    position:           absolute;
    left:               0px;
    top:                0px;
    z-index:            100000;
    visibility:         visible;
    width:              100%;
    height:             100%;
    text-align:         center;
	background:         #EFEFEF;
    filter:             alpha(opacity=40);
    -moz-opacity:       .40;   
    opacity:            .40;
    -khtml-opacity:     0.4;
}

/* -------------- block message -------------- */

DIV.blockMsg
{
    width:              40%;
    top:                30%;
    left:               30%;
    border:             3px solid #016529;
    padding:            20px 0px 20px 0px;
    background-color:   #FFFFFF;
    color:              #404040;
    font-size:          12pt;
    font-weight:        normal;
    text-align:         center;
}


/* ---------------- messages ----------------- */

DIV.message
{
    -webkit-border-radius:  6;
    -moz-border-radius:     6;
    border-radius:          6px;
	border:                 solid 1px #8EC08E;
	background-color:       #EBFFEB;
	text-align:             center;
	padding:                10px;
	margin:                 0px 0px 30px 0px;
}

DIV.error
{
	color:                  #FF0000;
	background-color:       #FFF5FF;
	border:                 1px solid #CD0067;
	text-align:             center;
	padding:                10px;
	margin:                 0px 0px 20px 0px;
}

DIV.warning
{
	color:                  #606060;
	background-color:       #FFE6D1;
	border:                 1px solid #FFC897;
	text-align:             center;
	padding:                10px;
	margin:                 0px 0px 20px 0px;
}

/* -------------- basic colors --------------- */

.groen
{
    color:              #99CC00;
}

.oranje
{
    color:              #FFBB33;
}

.rood
{
    color:              #FF4444;
}

/* --------- password strength meter --------- */

.pass-graybar {
  height: 5px;
  background-color: #CCC;
  width: 132px;
  margin:0px 3px 0px 3px;
  position: relative;
}

.pass-colorbar {
  height: 5px;
  background-image: url(../images/passwordstrength.jpg);
  position: absolute;
  top: 0;
  left: 0;
}

.pass-percent, .pass-text {
  margin:0px 3px 0px 3px;
  font-size: 1em;
}

.pass-percent {
  margin-right: 5px;
}

/* ------------------ forms ------------------ */

TABLE.frm_container
{
    width:              100%;
    box-shadow:         3px 4px 4px 0px rgba(2, 25, 65, 0.08);
    border-radius:      10px 10px 10px 10px;
}

TABLE.frm
{
    width:              100%;
    background-color:   #FFFFFF;
    border-radius:      10px 10px 10px 10px;
}

TD.frm_content
{
    padding:            20px 0px 0px 0px;
}

TD.frm_title
{
    font-family:        MuseoSans, sans-serif;
	font-weight:        normal;
	background-color:   #016529;
	color:              #f4f9ff;	
    padding:            14px 14px 10px 14px;
    vertical-align:     middle;	
    border-radius:      10px 10px 0px 0px;    
}

TD.frm_title_small
{
    font-family:        MuseoSans, sans-serif;
    font-weight:        600;
    padding:            18px 14px 8px 14px;
    text-align:         left;
	color:              #000000;
}

TD.frm_header
{
    font-size:          15px;
    font-weight:        normal;
    width:              20%;
    padding:            5px 2px 2px 16px;
    vertical-align:     top;
    text-align:         left;
}

TD.frm_cell
{
    width:              80%;
    padding:            3px 6px 2px 6px;
    vertical-align:     top;
    text-align:         left;
}

TD.frm_error
{
    font-size:          15px;
    font-weight:        normal;
    color:              #FF0000;
    padding:            0px 6px 0px 26px;
    text-align:         left;
}

TD.frm_general
{
    color:              #606060;
    padding:            5px 10px 2px 6px;
    text-align:         left;
}

TD.frm_separator
{
    border-top:         1px solid #016529;
}

TD.frm_submit
{
    padding:            15px 15px 15px 15px;
    text-align:         right;
}

TABLE.frm_multiple_button_container
{
    margin-left:        auto;
    margin-right:       0px;
}

TABLE.frm_button_container
{
    margin-left:       5px;
}

INPUT.frm_button
{    
    color: #fff;
    background-color: #016529;
    display: inline-block;
    padding: .5625rem 1rem;
    font-size: 1.0625rem;
    border-color: transparent!important;
    border-radius: .375rem;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    transition: box-shadow .25s ease,transform .25s ease;
}
    
INPUT.frm_button:focus, INPUT.frm_button:hover
{
    
    color: #fff;
    background-color: #80c792;
    border-color: #cc8900;
    box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1)!important;
    transform: translate3d(0,-3px,0);
}

input, textarea, select
{
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type="radio"], input[type="checkbox"]
{
    background-color:   #FFFFFF;
}