/* Fontello font instellingen in fontello.css */
@font-face {
    font-family: 'Fontello';
    src: url('/css/fonts/fontello.woff2') format('woff2'), url('/css/fonts/fontello.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:none !important; }

/**************************************************************************************/
a				{color:#082F5E; text-decoration:underline; outline:0 none;}
a:hover			{color:#082F5E; text-decoration:none;}
h1				{font-size:24px;}
h2				{font-size:22px;}
h3				{font-size:18px;}
h4				{font-size:16px;}
h5				{font-size:14px;}
h6				{font-size:12px;}
/*----------------------------------------------------------------------------------*/
body			{color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px; background:#f6f6f6;  }
.flt_lt			{float:left; display:inline;}
.flt_rt			{float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/


/* ----------------------- layout ----------*/
.wrapper					{margin:0 auto; min-width:974px; width:100%; }
.maincontainer				{width:90%; margin:0 auto; border-left:solid 12px #e5e5e5; border-right:solid 12px #e5e5e5; }
.main_content				{width:90%; margin:0 auto;}
/*-------------------------------------------*/

/* ------------ HEADER ------------------*/
.header						{width:100%; margin:0; padding:0; display:block; background:#fff;  }
.logo						{margin:25px 0 22px 30px; float:left; }
.loginfo                    {width:500px; height:100px; float:right; }
.search						{width:225px; margin:20px 0 18px 250px; padding:0; display:inline-block; border:solid 1px #cccecd; border-radius:17px 0 0 18px; border-left:none;  }
.search .searching			{width:170px; margin:0; padding:7px 10px 7px 5px;  float:right; border:none; background:none; color:#b7b9b8; font-family: 'Lato', sans-serif; font-size:14px; 
							line-height:14px; outline:0 none; }
.search .searching:focus    {background-color:#fff; border:0px solid #fff; }						
.search .icon				{margin:0; float:left; display:inline-block; border:none; border-radius:100%; cursor:pointer; }


/* ------------ NAVIGATION --------------*/
.navbar                     {position:absolute; height:45px; margin-top:-40px; background:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc; width:100%; left:0; }
.navbar-bottom              {width:100%; height:40px; margin-top:40px; background:url(../images/nav_bg_login.png) no-repeat center top; }

.navigation                 { width: 100%; margin: 0; padding: 0; display: block; margin-bottom:80px; }
.navigation.login           {background:url(../images/nav_bg_login.png) no-repeat center top;}

.nav						{width:100%; margin:0 auto; padding:0; display:block; position:relative; z-index:999; margin-top:-80px; }
.nav ul						{display:inline-block; margin:1px 0px 0 12px; padding:0; float:left; }
.nav ul li					{display:inline-block; margin:0; padding:0; float:left; position:relative; }
.nav ul li a				{display:inline-block; color:#082F5E; font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; margin:0; padding:5px 17px 9px; 
							border-top:solid 3px #fff; text-decoration:none; }
.nav ul li:hover a, .nav ul li.active a		{border-top:solid 3px #ffcc00; text-decoration:none; }
.nav ul li:hover ul			{display:block;}
.nav ul li ul				{width:207px; margin:0; padding:0; display:none; position:absolute; top:43px; left:0; background:#f4f4f4; border-top:solid 3px #e1c863; }
.nav ul li ul li			{display:block; margin:0; padding:0; width:100%; border-bottom:solid 1px #dbdbdb; }
.nav ul li ul li a			{display:block; color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; margin:0;  
	    					 border:none !important; text-decoration:none; padding:9px 0 9px 20px; }
.nav ul li ul li:hover a 	{border:none; background-color:#fff2bf; }
.nav .endimg                {position:relative;top:-7px;vertical-align:middle; }

.welkom                     {color:#082F5E; font-family: 'Lato', sans-serif; font-size:12px; font-weight:400; margin:16px 0 0 -22px; padding:0; position:relative; z-index:99; }
.adminbuttons               {float:right; margin:-8px 18px 0 15px; cursor:pointer; }


/* ------------------------ MIAN CONTENT HERE --------------*/
.body_content				{width:100%; margin:0; padding:0 0 80px 0; background:#fff; }
.body_left					{width:70%; margin:0; float:left; display:inline-block; }
.lft_content				{width:96%; margin:22px 0 20px 35px; padding:0; display:inline-block; float:left; border:solid 1px #e5e5e5; border-radius:5px 5px 0 0;  }
.body_left .login           {width:400px; margin: 80px auto 25px auto; border:solid 1px #e5e5e5; border-radius:5px 5px 0 0; }

.login_frame				{width:100%; display:block; margin:0 auto; padding:0 0 22px 18px; }
.login_frame td             {color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; line-height:21px; }

.actueel					{width:100%; margin:0; padding:0; display:inline-block; }
.actueel_head				{width:215px; margin:-19px 0 20px -10px; padding:0; display:inline-block; background:#e5e5e5; border-radius:20px 5px 5px 20px; }
.actueel_head img			{margin:0px 12px 0 0; display:inline-block; border-radius:100%; float:left; }
.actueel_head h2			{color:#082F5E; font-family: 'Lato', sans-serif; font-size:18px; font-weight:700; margin:6px 0 0 0; padding:0; float:left; }
.actueel_head.list			{width:295px; }

.actueel ul                 {margin:-9px 0 0 30px; line-height:28px; }
.actueel li                 {list-style-type:square; }

.actueel_blog				{width:93%; display:block; margin:0 auto; padding:0 0 22px 0; }
.actueel_blog p             {color: #082F5E; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 400; margin:12px 0 4px 0; line-height: 21px; }

.actueel_blog_rht			{width:95%; margin:0; padding:0; margin-left:10px; }
.actueel_blog_rht h2, .actueel_blog_rht h2 a {color:#082F5E; font-family: 'Lato', sans-serif; font-size:15px; font-weight:700; margin:0 0 12px 0; padding:0; text-decoration:none; }
.actueel_blog_rht h3   	    {color:#082F5E; font-family: 'Lato', sans-serif; font-size:14px; font-weight:700; margin:0 0 12px 0; padding:0; }
.actueel_blog_rht p			{color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; margin:0 0 16px 0; padding:0 0 17px 0; line-height:21px;
							 border-bottom:solid 1px #e5e5e5; }
.actueel_blog_rht p a		{color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; margin:0; padding:0; text-decoration:underline;}
.actueel_blog_rht p a:hover	{text-decoration:none;  }
.actueel_blog_rht .image    {margin:8px 25px 25px 0; }

.actueel_blog_rht ul        {line-height:20px; color:#082F5E; margin-top:-12px; margin-bottom:16px; font-weight:bold; }

/* nieuwsberichten */
.actueel_blog_rht.artikel   {float:none; width:620px; min-height:320px; margin-left:10px; }
.actueel_blog_rht.artikel p {border:solid 0px #fff; line-height:21px; padding:0; }
.actueel_blog_rht.artikel h6 {color:#aaa; margin:3px 0 12px 0; font-family: 'Lato', sans-serif; font-size:12px; font-weight:400; }
.actueel_blog_rht.artikel strong {font-weight:bold; font-style:inherit; }
.actueel_blog_rht.artikel em {font-style:italic; font-weight:inherit; }
.actueel_blog blockquote    {font-style: italic; border-style: solid; border-color: #ccc; border-width: 0; padding:4px 8px 0 20px; margin:0 30px 0 45px; border-left-width: 5px; }

/* statistics homepage */
.lft_content.stats {
    font-family: 'Lato', sans-serif;
    border: 0;
    padding: 10px 0 10px 15px;
    margin-left: 25px;
    background: #f6f6f6;
    border-radius: 12px;
}
.lft_content.stats .item {
    width: 30%;
    background: #fff;
    float: left;
    margin: 12px 20px 12px 0;
    cursor:pointer;
}
.lft_content.stats .icon {
    text-align: center;
    padding: 11px 11px 12px 11px;
    float: left;
}
.lft_content.stats .icon i {
    font-size: 26px;
    color: #fff;
}
.lft_content.stats .text {
    padding: 6px 12px;
    color: #082F5E;
    background: #fff;
    float: left;
}







/* documenten */
.actueel_blog_rht.docs {
    float: none;
    width: 95%;
    margin-left: 10px;
}
.actueel_blog_rht.docs p    {border:solid 0px #fff; line-height:21px; padding:0; }


/* documenten rentestanden */
.actueel_blog_rht.docs .kader {
    width: 29%;
    color: #082F5E;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    border: 2px solid #ccc;
    border-radius:8px;
    margin: 0 20px 16px 0;
    text-align:center;
    float: left;
}
.actueel_blog_rht.docs .kader.notactive {
    border-color:#bbb;
}
.actueel_blog_rht.docs .kader .logo {
    width:100%;
    margin:20px 0 10px 0;
    height:50px;
    text-align: center;
    float:left;
    /* center vertically */
    display: flex;
    justify-content: center;
}
.actueel_blog_rht.docs .kader .logo img {
    height: 85%;
    width: 85%;
    object-fit: contain;
}
.actueel_blog_rht.docs .kader .desc {
    width:100%;
    height:30px;
    background:#e5e5e5;
    margin:5px 0 10px 0; 
    padding:10px 0; 
    float:left;
}
.actueel_blog_rht.docs .kader .desc.notactive {
    background:#bbb;
}
.actueel_blog_rht.docs .kader .link {
    width:100%;
    padding:6px 0 20px 0;
    font-size:110%;
    float:left;
}




.read_more {
    width: 100%;
    background-color: #fff;
    margin-top: -22px;
    margin-bottom: -7px;
}


/* tabel documenten/aanvragen */
.tabdocs   			        {margin:0; }
.tabdocs .header            {width:100%; margin:0; padding:5px 0; display:contents; color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:700; border-bottom:solid 2px #e5e5e5; }
.tabdocs .drow   		    {width:100%; margin:0; padding:6px 0 3px 0; color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; line-height:20px; border-bottom:solid 1px #e5e5e5; }
.tabdocs .drow:hover         {background-color:#fff2bf; }

.tabdocs .doc1              {width:33px; text-align:left; vertical-align:top; padding:6px 0 6px 3px; }
.tabdocs .doc2              {text-align:left; vertical-align:top; padding:6px 0; }
.tabdocs .doc2 img          {margin-left:6px; vertical-align:baseline; }
.tabdocs .doc2 div          {font-size:11px; display:none; }
.tabdocs .doc2.notactive    {color:#bbb; }
.tabdocs .doc3              {width:90px; text-align:right; padding:6px 15px 6px 0; vertical-align:top; }
.tabdocs .doc3.notactive    {color:#bbb; }
.tabdocs .doc4              {width:135px; text-align:left; vertical-align:top; padding:6px 0; }

.tabdocs .av1               {padding-left:5px; text-align:left; vertical-align:top; }
.tabdocs .av2               {text-align:right; padding-right:15px; vertical-align:top; }
.tabdocs .av3               {padding-left:4px; text-align:left; vertical-align:top; }
.tabdocs .av4               {padding-left:4px; text-align:left; vertical-align:top; }
.tabdocs .av5               {text-align:left; vertical-align:top; }
.tabdocs .av6               {text-align:right; padding-right:15px; }
.tabdocs .av7               {text-align:left; vertical-align:top; }
.tabdocs .av7 a             {padding-right:6px; }

.gray                       {background:#f6f6f6; }
.lastrow                    {width:100%;height:2px;margin-top:-2px;background-color:#fff; }

.uitlegstatus               {color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; margin-top:10px; }
.uitlegstatus td            {padding:2px 6px 2px 2px; line-height:20px; }


/* tabel kredietaanvraag */
.actueel_blog_rht.avf       {float:none; width:97%; margin-left:7px; }
.actueel_blog_rht.avf p     {border:solid 0px #fff; line-height:21px; padding:0 0 4px 0; }

.tabav                      {color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; line-height:20px; margin-left:-6px; }
.tabav .colhead             {background-color:#e5e5e5; font-weight:bold; padding:6px 0 6px 6px; font-size:14px; }
.tabav .col1                {width:200px; padding-left:6px; }
.tabav .col2                {width:300px; height:42px; }
.tabav .col3                {width:138px; }

.tabav .col4                {width:20%; padding-left:6px; height:30px; }
.tabav .col5                {width:30%; padding-left:6px; font-weight:bold; }
.tabav .col6                {width:100%; padding-left:6px; height:30px; }

.tabav .col7                {width:160px; padding-left:6px; }
.tabav .col8                {width:460px; height:42px; }

.tabav .col9                {width:160px; padding-left:6px; }
.tabav .col10               {width:230px; height:42px; }
.tabav .col11               {width:230px; }

.tabav .col12               {width:75px; padding-left:5px; text-align:center; }
.tabav .col13               {width:85px; padding-left:5px; }
.tabav .col14               {width:85px; padding-left:5px; }
.tabav .col15               {width:175px; padding-left:5px; }
.tabav .col16               {width:125px; padding-left:5px; }



/* tab voorstellen banken */
.tab-offers {
    width: 100%;
    border-bottom: 3px solid #ccc;
    margin:10px 0 0 -6px;
    color: #082f5e;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.tab-offers .tab {
    background: #e5e5e5;
    padding:6px 26px 6px 14px;
    margin-right:1px;
    font-weight:bold;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor:pointer;
    float: left;
}
.tab-offers .tab legend {
    font-size:initial;
    margin-bottom:initial;
}
.tab-offers .tab-active {
    background: #ccc;
}

/* tab contracten maex */
.contract {
    width: 188px;
    min-height:320px;
    max-height:320px;
    overflow:hidden;
    border: 3px solid #e5e5e5;
    margin: 4px 12px 16px 0;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: #082f5e;
    float:left;
}
/* accepted contract */
.contract.true {
    border: 3px solid #2cc03e;
    background: #bbfec4;
}
.contract .crow {
    padding:6px 8px;
    border-top:1px solid #ccc;
}
.contract .center {
    text-align:center;
    border-top:0;
    font-weight:bold;
}
.contract span {
    float:right;
}

/* tab documenten maex */
.documents {
    width: 99%;
    margin-bottom:20px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: #082f5e;
}

.documents .document { 
    background:#f5f5f5;
    padding:8px 10px 9px 6px;
    margin-top:2px;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
}
.documents .document .icon {
    width:20px;
    padding-top:4px;
    float:left;
}
.documents .document .desc {
    width:500px;
    line-height:20px;
    float:left;
}

.documents .attachments {
    width:100%;
    display: flex;
    flex-direction: column;
    margin-bottom:10px;
}
.documents .attachments .docrow {
    display: flex;
    border-bottom:1px solid #e5e5e5;    
}
/* rij verbergen indien geen comments */
.documents .attachments .docrow.false {
    display: none;
}
.documents .attachments .docrow.true {
    border-bottom:0;
    padding-bottom:6px;
    line-height:22px;
}
.documents .attachments .doccell.remarks {
    margin:0 0 -8px 40px;
}
.documents .attachments .doccell.remarksmaex {
    margin:8px 0 0 40px;
    border:1px solid red;
    background:#f8d8d8;
    padding:6px 10px;
}
.documents .addbutton {
    position: absolute;
    right: 2px;
    margin-top: 8px
}
.documents .statusimg {
    float: right;
    margin-right: 5px;
}
/* wis/wijzig buttons verbergen indien akkoord */
.documents .attachments .buttons.true {
    display: none;
}

.stukkenlijst {
    width: 93%;
    padding: 6px 0 1px 12px;
    margin-bottom: 10px;
    background: #a7f4a7;
    border: 3px solid #00d700;
    border-radius: 5px;
    cursor: pointer;
}


/* flextable cell properties */
.documents .attachments .doccell {
    flex: 5;
    padding: 6px 10px;
}
.documents .attachments .doccell.fixed30 {
    flex: 0 0 40px;
}
.documents .attachments .doccell.fixed70 {
    flex: 0 0 100px;
}
.documents .attachments .doccell.fixed90 {
    flex: 0 0 100px;
}
.documents .attachments .doccell.alignright {
    text-align: right;
    padding-right: 20px;
}
.documents .attachments .doccell.overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* maex product aanbiedingen*/
.tabav .colmaex {
    padding: 4px 0 4px 6px;
    font-size: 11px;
    vertical-align: top;
}
.tabav .colmaex-header      {font-size:12px; padding:6px 0 6px 6px; }
.tabav .colmaex-devider     {height:2px; }
.tabav .italic              {font-style:italic; }
.tabav .bold                {font-weight:bold; }
.tabav .bold a              {font-weight:normal; }
.tabav .white               {color:#fff; }

.tabav input[type="text"], .tabav select, .tabav textarea {font-weight:bold; color:#00175f; }

input.eurofield             {background:url(/images/icons/ico_eurofield.png) no-repeat left top; padding-left:22px !important; }
.tabav .rowspacer           {height:8px; }
div.helptxt   {position:absolute; width:120px; border:1px solid #ddd; background-color:#f5f5f5; padding:5px 7px; margin-top:-18px; font-size:12px; line-height:19px; display:none; z-index:999; }
div.helptxt.min150 { margin-top:-150px; }
div.helptxt.min100 { margin-top:-100px; }
div.helptxt.min60 { margin-top:-60px; }

.buttonlist {
    padding-left: 4px;
    margin-top: 4px; }
.buttonlist label    {padding:0 12px 0 4px; cursor:pointer; line-height:21px; }
.buttonlist label:last-child {
    padding-right:8px;
}


/* expandable secties (standaard gesloten) */
.tabav tr[class*="expandable"]     {display:none; }
.tabav .expandable-arrow    {margin-right:5px; vertical-align:text-bottom; }
.tabav .pointer             {cursor:pointer; }

.tabav .compamount          { font-size:21px; font-weight:bold; }

.nextbutton                 {width:100%; margin:16px 0 0 0; text-align:right; }


/* tabel kredietaanvraag error velden */
.fielderror, .fielderror:focus {
    background-color:#faebd7 !important;
    border:1px solid #ff0000 !important; 
} 

input.eurofield_error, input.eurofield_error:focus {
    background-color:#faebd7; 
    border:1px solid #ff0000;
    padding-left:22px !important;
    background:url(/images/icons/ico_eurofield_error.png) no-repeat left top; }

.buttonlist.error, .buttonlist.error:focus {
    background-color: #faebd7;
    border: 1px solid #ff0000;
    padding: 6px 0 6px 4px;
}
    

 
/* tablesorter overrules */
table.tablesorter {color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; }
table.tablesorter td {padding:7px 0 6px 0; line-height:20px; }
table.tablesorter thead th {height:26px; color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:700; }


/* tabel rapportages */
table.rapportage td         {padding-left:4px; padding-right:4px; }
select.rapportage           {font-size:12px; height:26px; padding:0 0 0 2px; }
select.rapportage-disable   {font-size:12px; height:26px; padding:0 0 0 2px; color:lightgrey; }

#lstRapportage label        {font-size:12px; vertical-align:text-bottom; margin-left:4px; cursor:pointer; }
span.rapportheader          {float:right; color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:bold; margin:10px 15px 8px 0; font-style:italic; }
img.exportexcel             {float:right; margin-top:-85px; }
input.exportpdf             {float:right; margin-top:-85px; }

/* clickpad aanvraagtraject */
.avf-clickpad               {width:95%; margin:-10px 0 30px 7px; }
.avf-clickpad a             {float:left; padding:5px 11px 5px 5px; margin-right:8px; margin-bottom:12px; color:#aaa; font-size:12px; border:1px solid #ddd; border-radius:6px; text-decoration:none; }
.avf-clickpad a.active      {border:1px solid #082F5E; color:#082F5E; background-color:#fff2bf; }
.avf-clickpad a.completed   {border:1px solid #082F5E; color:#082F5E; }
.avf-clickpad i             {font-size:120%; margin-right:2px; }
.avf-clickpad a.active i    {color:#3b84da; } 


/* content rechter kolom */
.body_rht					{width:25%; margin:0; float:right; display:inline-block; }
.rht_content				{width:95%; margin:22px 21px 41px 0; padding:0; display:inline-block; float:right;  border-radius:5px;  }
.rht_content .actueel		{width:95%; margin:0 0 42px 0; padding:0 0 19px 0; display:inline-block; border:solid 1px #e5e5e5; border-radius:5px 5px 0 0; }
.rht_content .actueel_head	{width:165px; margin:-19px 0 15px -10px; padding:0; display:inline-block; background:#e5e5e5; border-radius:20px 5px 5px 20px; }
.rht_content .actueel_head img	{margin:0px 12px 0 0; display:inline-block; border-radius:100%; float:left; }
.rht_content .actueel_head h2	{color:#082F5E; font-family: 'Lato', sans-serif; font-size:18px; font-weight:700; margin:6px 0 0 0; padding:0; float:left; }
.rht_content .actueel p			{color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; margin:0 8px 0 16px; padding:0 0 15px 0; line-height:20px;   }
.rht_content .actueel p a		{color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; margin:0; padding:0; display:inline-block; text-decoration:underline; }
.rht_content .actueel p a:hover	{text-decoration:none; }
.rht_content .actueel h6        {color:#aaa; margin:0 0 2px 16px; font-family: 'Lato', sans-serif; font-size:11px; font-weight:400; }

.rht_content .actueel .read_more{width:85%; margin:0 auto 0; padding:4px 0; background:#ffcc00; text-align:center; display:block; 
								color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400;  }
.rht_content .actueel .read_more:hover	{background:#f1c206; color:#082F5E; }

.rht_content .red_bg			{background:#fe0000; }
.rht_content .red_bg h2			{color:#fff3f3; font-weight:normal;  }




.body_full					{margin:0; display:inline-block; width:912px;  }

.full_content				{width:912px; margin:22px 0 20px 18px; padding:0; display:inline-block; border:solid 1px #e5e5e5; border-radius:5px 5px 0 0;  }



/* tabel financieringsmogelijkheden */
.finmog th      {height:26px; font-weight:bold; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#DFF0D8; }
.finmog td      {height:26px; border-bottom:1px solid #ccc; }




div.alertlogin {
    /*
    width:400px;
    margin-left:275px;
    */
    text-align:center; 
    line-height:19px; }
span.alert {
    background:url(../images/icons/ico_alert.png) no-repeat left top; 
    padding:4px 0 4px 32px;
    color:Red; }



/* ------------ FORM FIELDS --------------*/
/*
input[type="text"], input[type="password"], select, textarea {
    border:1px solid #c5c5c5;
    background-color:#fff;
    padding:6px 8px; 
    margin:4px 0;
    color:#082F5E; 
    font-family: 'Lato', sans-serif; 
    font-size:14px; 
    font-weight:400; }
textarea {line-height:20px; }
select {padding:6px 4px; }

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    background-color:#fdffdd;
    border:1px solid #082F5E; }

input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}
*/

input:disabled {
    background-color: #efebeb;
}

.btn_big {    
    border:0px solid #fff;
    background-color:#ffcc00;
    padding:6px 8px; 
    margin:4px 0;
    color:#082F5E; 
    font-family: 'Lato', sans-serif; 
    font-size:14px; 
    font-weight:bold;
    cursor:pointer;
    border-radius:6px;
    text-decoration:none;
}
.btn_big:disabled, .btn_big:disabled:hover {background-color:#ccc; color:#888; cursor:default; }

.btn_small {
    border: 0px solid #fff;
    background-color: #ffcc00;
    padding: 4px 7px;
    margin: 4px 8px 4px 0;
    color: #082F5E;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 6px;
}
.btn_small:disabled, .btn_small:disabled:hover {background-color:#ccc; color:#888; cursor:default; }

.btn_small.green, .btn_big.green {
    background: #97ad0f;
    color: #fff;
}


input[type="submit"]:hover {background-color:#f1c206; cursor:pointer; }

.checkboxes input {margin:0 5px 0 8px;  }
.checkboxes label {cursor: pointer; }

input.filterbox {
    color: #b7b9b8;
}
.filter-icon    {margin:0; float:right; display:inline-block; border:none; border-radius:100%; cursor:pointer; }

input.small {
    font-size: 12px;
    padding: 4px 6px;
    margin: 0;
}

/*
input.authfield {
    background: url(/images/icons/ico_googleauth.png) no-repeat left top;
    background-color: #fff;
    padding-left: 34px;
    font-weight: bold;
}
input.authfield.noicon {
    background: none;
    padding-left:10px;
}
 */

.akkoord { line-height:21px; margin-bottom:10px; }
.akkoord input {
    float:left;
    margin:3px 8px 10px 14px;
    transform: scale(1.5);
    cursor:pointer;
}
.akkoord label {
    display:initial !important;
}
div.akkoord-normal {
    padding: 8px 50px 6px 6px;
}
div.akkoord-error {
    background-color: #faebd7;
    border: 1px solid #ff0000;
    padding: 8px 50px 6px 6px;
}


/* Samenvatting lening rechterzijde */
.samenv p {
    line-height:18px !important;
    padding-bottom:8px !important;
}
.samenv span {
    font-size: 120%;
    font-weight:bold;
}



/* PRODUCT VERGELIJKER */
.compareprod {
    width: 45%;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    margin-right: 18px;
    cursor: pointer;
    float: left;
}
.compareprod.actief {
    background: #ffcc0029;
}

.compareprod ul {
    margin: 0 0 10px 5px;
    line-height:24px;
}
.compareprod li {
    list-style: none;
    font-weight:normal;
}
.compareprod i {
    color:green;
}




/* WEBSITE TOOLS */
input.toolurl {
    color: #000;
    background-color: #fdffdd;
}
img.preview     { margin-left:5px;margin-top:5px;vertical-align:middle;cursor:pointer; }
img.info        { margin-left:4px;margin-top:5px;vertical-align:text-bottom;cursor:pointer; }



/* SLIDERS */
.slider {
    width: 108%;
    margin-top:4px;
    opacity: 0.7; 
    -webkit-transition: .2s; 
    transition: opacity .2s;
    cursor: pointer;
}
.sliderconnected {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    background: transparent;
    cursor:pointer;
}
.slider:hover, sliderconnected:hover {
    opacity: 0.9;
}
.slider-label {
    margin-bottom:3px;
}




/* PROGRESS INDICATORS */
div.progress {
    position: absolute;
    margin: 18px 0 0 320px;
}

div.progress-big {   
    position:fixed;
    left: 50%;
    top: 50%;
    height: 128px;
    width: 128px;
    margin:-64px 0 0 -80px;
    z-index:999; }

div.darkscreen {
    position:fixed;
    background-color: #000;
    filter:alpha(opacity=10); 
    opacity: 0.1; 
    -moz-opacity:0.10; 
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px; }


/* MELDING PRESCREENING */
div.prescreen {
    background-color:#9dff9d;
    border:2px solid #008000;
    margin-top:16px;
    padding:8px 12px;
    line-height:21px;
    color:#082F5E;
    font-family: 'Lato', sans-serif; 
    font-size:13px; }
div.prescreen-rood {
    background-color: #faebd7;
    border: 2px solid red; }


/* FLOATING MESSAGE FIXED BOTTOM */
div.float-message {
    position:fixed; 
    bottom:0;
    width:200px; 
    margin-left:715px; 
    border:1px solid #ccc; 
    border-bottom:0;
    background-color:#f3f3f3;
    padding:4px 4px 8px 8px;
    color:#082F5E;
    font-family: 'Lato', sans-serif; 
    font-size:11px; 
    line-height:17px; }


/* ERROR MELDING */
div.errortxt {
    width:93%;
    background-color:#faebd7;
    margin-top:16px;
    padding:8px 12px;
    line-height:21px;
    color:Red;
    border:2px dashed red;
    font-family: 'Lato', sans-serif; 
    font-size:13px; 
    font-weight:400; }
div.errortxt ul { margin-left:20px; }
div.errortxt li { list-style-type:square; }

       
/* ------------ JQUERY UI OVERRIDES */   
.ui-datepicker                  {font-size:12px; }
.ui-datepicker-trigger          {vertical-align:sub; margin:0 12px 0 6px; cursor:pointer; }
.ui-datepicker select           {padding:1px; height:24px; }

.ui-dialog-content, .ui-dialog-title, .ui-button-text   {color:#082F5E; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; line-height:21px; }
.ui-dialog-title                {font-weight:bold; font-size:14px; }

.ui-widget-header .ui-icon      {background-image: url("/js/jquery-ui/images/ui-icons_888888_256x240.png"); }
.ui-widget-header               {border: 1px solid #aaa; background: #092F5e; }
.ui-dialog-title                {color:#f5f5f5; }
    



/* ------------ RICHTEXT EDITOR-----------*/
#rtEditArtikel                  {margin:0 0 35px 0; }
#rtEditArtikeldivDesignEditor   {padding:10px;  }


/* ------------ FOOTER HERE --------------*/
.footer							{width:100%; margin:0; padding:0; display:block; background:#37383a; border-top:solid 5px #e5e5e5; }
.footer_in						{width:100%; margin:0; padding:12px 0 10px 0; display:block; }
.footer_in ul					{width:212px; margin:0 0 0 31px; padding:0; display:inline-block; float:left; }
.footer_in ul li 				{display:block; margin:0; padding:0; width:100%; border-bottom:solid 1px #505153; }
.footer_in ul li a              {display:block; color:#e8ca48; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; margin:0; padding:11px 0; width:100%; text-decoration:none; }
.footer_in p					{display:block; color:#e8ca48; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; margin:10px 35px 0 0; padding:0; float:right; }

/* ------------- TOOLS -------------------*/

table.importfouten td {
    color: #082F5E;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 22px;
}