﻿#check-verzuimaanpak-inleiding { margin: 40px 0; }

/* green #69b95d     yellow #ff7b1b     red #ea2222 */

.check-verzuimaanpak > form { margin: 0;padding: 0; width: 100% }
.check-verzuimaanpak > form > ul,
.check-verzuimaanpak > form ul > li { list-style: none;margin: 0;padding: 0;}

#check-verzuimaanpak table { margin-bottom: 29px; }

thead th.vraag-antwoord { max-width: 70px;font-size: 12px!important;font-weight: normal;border: 1px solid lightgray;padding: 9px;background: #eee; }

td {
    padding: 0 20px 20px 0;
    background-clip: padding-box;
    position: static;
}

.vraag-nummer, 
.vraag-antwoord { background: #FAFAFA;}
.vraag-antwoord { cursor: pointer;}

input[type=radio] { margin: auto; display: block; vertical-align: middle }
td.selected { background-color: #E2E8E8; }
tr.selected .vraag-nummer { background: #D9E4E5; }


th.last,
td.last { border-right: #D3D3D3 solid 1px!important; }

th { border-bottom-color: #eee;  }

th.first,
tr.last td { border-bottom: #D3D3D3 solid 1px!important; }

td.first  { border-left: #D3D3D3 solid 1px!important; }


#check-verzuimaanpak-controls { margin: 30px 0 40px 0;border: 1px solid #eee;border-width: 1px 0; padding: 20px 0 }
.form-resetter { cursor: pointer; color: #EA96AE }
.form-resetter:hover { cursor: pointer; color: #d1174d }

#check-verzuimaanpak input[type=submit] {color: #333;     
    display: block;
    font-size: 20px;
    font-weight: normal;
    margin: auto;
    padding: 10px 20px; }

#check-verzuimaanpak input[type=submit].enabled {cursor: pointer; -webkit-box-shadow: 1px 5px 15px -10px #ccc; box-shadow: 1px 5px 15px -10px #ccc;}

.check-verzuimaanpak-resultaat { border: 1px solid #D3D3D3; padding: 30px;margin: 30px 0; }
.check-verzuimaanpak-resultaat h3 { font-size: 24px; font-weight: normal; color: #d1174d; margin: 1em 0 1em 90px; }
.check-verzuimaanpak-resultaat .aspectblok { border-top: 1px solid #ddd; clear: both; position: relative; padding: 10px 0 30px 0;}
.check-verzuimaanpak-resultaat .dot { background: url(/content/images/sprite.png) no-repeat 0 0; width: 60px; height: 60px; z-index: 9000; position: absolute; top: 20px; left: 10px; }
.check-verzuimaanpak-resultaat .info { margin: 0 0 0 90px; }
.check-verzuimaanpak-resultaat h4 { font-size: 19px !important; margin: 1em 0 .3em 0!important }

.check-verzuimaanpak-resultaat ul { margin: 10px  }
.check-verzuimaanpak-resultaat li { list-style: disc; margin: .3em 0 .3em 1em }

.check-verzuimaanpak-print { /*border: 1px solid grey;*/ padding: 30px; margin: 40px 0 0 0 }
.check-verzuimaanpak-print h3 { font-size: 24px; font-weight: normal; color: #d1174d; margin: 1em 0 1em 90px; }
.check-verzuimaanpak-print .aspectblok { border-top: 1px solid #ddd; clear: both; position: relative; padding: 10px 0 30px 0;}
.check-verzuimaanpak-print .dot { background: url(/content/images/sprite.png?v=2) no-repeat 0 0; width: 60px; height: 60px; z-index: 9000; position: absolute; top: 20px; left: 10px; }
.check-verzuimaanpak-print .info { margin: 0 0 0 90px; }
.check-verzuimaanpak-print h4 { font-size: 19px !important; margin: 1em 0 .3em 0!important }

.uitkomsttekst { 
    margin: 30px 40px 40px 120px;
    padding-bottom: 10px;
    position: relative;font-weight: bold; }


.uitkomsttekst h4 {     font-size: 14px !important;
    left: -120px;
    position: absolute;
    top: -14px;
    z-index: 9090; }

.green .dot { background-position: -510px -170px }
.green h4 { color: #69b95d !important }

.yellow .dot { background-position: -623px -170px }
.yellow h4 { color: #ff7b1b !important; }

.red .dot { background-position: -736px -170px }
.red h4 { color: #ea2222 !important }

.download-rapport { background: #36b; display: inline-block; 
padding: 10px 20px 14px 20px; -webkit-box-shadow: 1px 1px 10px 0 #757575;
box-shadow: 1px 1px 10px 0 #757575;
-webkit-border-radius: 8px;
border-radius: 8px;
    margin-left: 85px;
    margin-bottom: 30px;
 }
.download-rapport a { text-decoration: none; color: #fff !important; }
.download-rapport strong { font-size: 18px; color: #fff !important }

