input,
select,
input[type="text"],
input[type="password"] {
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    height: 24px;
    width:320px;
    /*border:1px solid #bababa;
    padding:3px 10px;*/
    font-size:12px;
    font-family:"Arial","Verdana",sans-serif;
    color:#384044;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    border-bottom-color: rgb(186, 186, 186);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(186, 186, 186);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(186, 186, 186);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(186, 186, 186);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.0235294) 0px 0.251215px 0.753645px 0px inset;
}

#usernamehidden,
#passwordhidden{
    display: none;
}

input.small,
textarea.small,
select.small,
input[type="text"].small,
input[type="password"].small,
input[type=radio].small,
input[type=checkbox].small {
    width: 150px;
    vertical-align: top;
}

input.character,
input[type="text"].character {
    width: 40px;
    vertical-align: top;
}

input[type=radio],
input[type=checkbox] {
    margin-top: -1px;
    margin-right: 2px;
    width:auto;
}

/* UI datepicker PLUS */
.datepickerplus img.ui-datepicker-trigger {
    margin-bottom:-2px;
}

#ui-datepicker-div{
    display:none;
}
div#roepnaamDiv {display:none;}

select[id*=day],
select[id*=month],
select[id*=year],
select[id*=minute],
select[id*=hour] {
    width:auto;
}

.radiobox,
div.checkbox{
    display: inline-block;
}

.row-block {
    display: inline-block;
    width: 310px;
}

label.ciz-error-text {
    color: #cd0a0a;
    font-weight: bold;
}

.errorBorder{
    border: 1px solid #FF0000; !important;
}

input.errorBorder,
select.errorBorder,
input[type="text"].errorBorder,
input[type="password"].errorBorder,
input[type="file"].errorBorder,
input[type="select"].errorBorder{
    border: 1px solid #FF0000; !important;
}

/* UI autocomplete */
input.ui-autocomplete-input{
    padding-right:20px;
    background: white url('autocomplete.png') no-repeat scroll 99% center;
}

input.ui-autocomplete-loading {
    background: white url('ui-anim_basic_16x16.gif') 99% center no-repeat;
}

/* Relaties - Adressen */
div.component {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-top: 4px;
    padding-bottom: 18px;
    background-color: #F5F5F5;
}

/* Huisarts */
#huisarts div.autocomplete div.selected_item, #verzekeraar div.autocomplete div.selected_item {
    border:1px solid #cde7f8;
    margin:1em 0;
    padding:45px 0 10px 0;
    position:relative;
}

#huisarts div.autocomplete a.remove , #verzekeraar div.autocomplete a.remove {
    cursor:pointer;
    position:absolute;
    top:5px;
    right:5px;
    min-width:0;
}

#huisarts div.autocomplete .ui-button.reset, #verzekeraar div.autocomplete .ui-button.reset,
#huisarts div.autocomplete .ui-state-default, #verzekeraar div.autocomplete .ui-state-default{
    border:none;
}

#huisarts div.autocomplete .reset.ui-button, #verzekeraar div.autocomplete .reset.ui-button{
    background:none;
}

#huisartsdiv.autocomplete a.remove span.ui-button-text, #verzekeraar div.autocomplete a.remove span.ui-button-text{
    padding:0 0 0 5px;
}

/* autocomplete list items*/
.ui-autocomplete.ui-widget {
    font-family:"Arial","Verdana",sans-serif;
    font-size:12px;
}

/*

.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /!* outline radius for mozilla/firefox only *!/
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}*/

.fieldcontain_left label,
.fieldcontain_left .property-label {
    color: rgb(56, 64, 68);
    display: inline-block;
    text-align: right;
    vertical-align: top;
    padding-top: 1px;
    width:120px;
}

label[id*="mailAdres"]{
    width : 300px;
}

#indienen\.ondertekening\.id\.ondertekening {
    width : 300px;
    text-align: right;
}

#dialog-window {
    height: 200px;
    font-size: 12px;
    font-family: "Arial","Verdana",sans-serif;
    color: #384044;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-top: 1px;
    border-bottom-color: rgb(186, 186, 186);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(186, 186, 186);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(186, 186, 186);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(186, 186, 186);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.0235294) 0px 0.251215px 0.753645px 0px inset;
}

#scrollable-content {
    height: 200px;
    overflow: auto;
}

input[type='file'] {
    width: 320px;
    height: 26px;
    padding: 0px;
    border: 1px;
}

/*grid icons */
/* Actionicons, used in grids and taskoverview screens */
.actionicon.none{background-position:50% 20px}
.actionicon.open{background-position:50% 0px}
.actionicon.view{background-position:50% -20px}
.actionicon.clientnotitie,.actionicon.trajectnotitie, .actionicon.inzienaanvraag{background-position:50% -40px}
.actionicon.print{background-position:50% -60px}
.actionicon.delete, .actionicon.nietimporteren{background-position:50% -80px}
.actionicon.assigntask,.actionicon.startbyme{background-position:50% -100px}
.actionicon.puttaskback,.actionicon.startbyother{background-position:50% -120px}
.actionicon.tomyunit{background-position:50% -140px}
.actionicon.movetounit{background-position:50% -160px}
.actionicon.trajectstatus,.actionicon.info, .actionicon.informatie{background-position:50% -180px}
.actionicon.trajectactivity{background-position:50% -200px}
.actionicon.openXml{background-position:50% -220px}
.actionicon.openPdf{background-position:50% -240px}
.actionicon.takenbyme,.actionicon.persoonlijk, .actionicon.behandelaar {background-position:50% -260px}
.actionicon.takenbyother{background-position:50% -280px}
.actionicon.externalcommunication{background-position:50% -300px}
.actionicon.genereerBrief{background-position:50% -320px}
.actionicon.primairproces{background-position:50% -340px}
.actionicon.management{background-position:50% -380px}
.actionicon.beheer{background-position:50% -400px}
.actionicon.unitconceptaanvragen{background-position:50% -420px}
.actionicon.onderzoekGegevensOvernemen{background-position:50% -459px}
.actionicon.controleer{background-position:50% -480px}
.actionicon.documentupload{background-position:50% -523px}
.actionicon.documentverplaatsen{background-position:50% -547px}
.actionicon.trajectkenmerken{background-position:50% -567px}
.actionicon.documentconverteren{background-position:50% -592px}
.ionicon.ion-document, .ionicon.ion-edit, .ionicon.ion-close{font-size: 18px; text-decoration:none}
.ionicon.ion-home {
    font-size: 35px;
    color: #8fd6ee;
}

#welkom_link:hover span.ionicon.ion-home {
    color: #6bc9e8;
}

table tr a.actionicon {
    background-image: url(inboxicons.png);
}

table tr td.action-icons {
    padding: 5px 6px;
}

#gbox_documenten-upload-resultaat a.actionicon.open {
    cursor: pointer
}

#gbox_documenten-upload-resultaat a.actionicon.openPdf {
    cursor: pointer
}
/*override jqgrid.css hover color white*/
th.ui-state-hover {
    background: transparent !important;
}


/* errors warnings */
ul.error-messages-list.clientside li.warning {
    padding-left: 0px;
    /*padding-left:253px!important;*/
}

/* UI Dialog */
.ui-dialog .ui-dialog-title {
    color:#ED1C2A;
    font-size: 18px;
}

button.ui-button.ui-dialog-titlebar-close{
    display:none;
}

.ui-dialog {
    background:#F6FBFD url(popup_background.png) 0 60px repeat-x;
    z-index: 2147483647 !important;
}

.ui-dialog.rekenHulp,
.ui-dialog.rekenHulp input,
.ui-dialog.rekenHulp select,
.ui-dialog.rekenHulp textarea{
    font-size: 11px;
}

.dialog_content input[type="text"].berekendeKlasseLabel {
    width:200px;
}

.dialog_content input[type="text"].berekendeAdditioneleUren {
    width:50px;
}

.dialog table input.freq{
    width:50px;
}


.dialog_content input[type="text"],
.dialog_content input[type="select"],
.ui-dialog-buttonpane .extra-data input[type="text"]{
    width:320px;
}

.dialog_content .afgewekenFields input[type="text"]{
    width:400px;
}

.dialog table {
    height:200px;
    overflow-y:auto;
}

.ui-dialog-titlebar{
    background: transparent;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover
 {
    background-color: #09C  !important;
    background-image: none;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1.11111px;
    border-radius: 4px;
    border-color: #399EC6 #399EC6 #006CA6;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.047);
    box-sizing: border-box;
    color: #FFF !important;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    height: 27.5347px;
    margin: 2px;
    min-width: 110px;
    padding: 3px 3px !important;
    position: relative;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
    vertical-align: middle;
    width: initial;
    word-spacing: 0px;
}
.ui-widget{
    font-family: "Arial", "Verdana", sans-serif;
    font-size: 12px;
}

.errorPage {
    position: absolute;
    left: 200px;
}

hr{
    height: 2px;
    border: 1px solid #CCC;
}

div#inleiding_page  p {
    line-height:200%;
}

div#inleiding_page  ul {
 text-align: left;  
  margin-left: 5% ;
  line-height: 200%;

}

div#email  p {
    line-height:200%;
}

div#email  ul {
    text-align: left;
    margin-left: 5% ;
    line-height: 120%;
}

.addMarginInPopup {
    margin-bottom: 10px;
}

#contrast, #scalability, #afmelden {
    float: right;
}

#contrast a, #afmelden a {
    color: #ffffff;
    display: inline-block;
    padding: 3px 0.7em;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
    margin-left: 7px;
    cursor: pointer;
}

#scalability a {
    color: #ffffff;
    display: inline-block;
    padding: 3px 0.7em;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 22px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
    margin-left: -7px;
    outline: none;
}

#contrast a:hover, #contrast a:focus,
#scalability a:hover, #scalability a:focus,
#afmelden a:hover, #afmelden a:focus {
    font-weight: bolder;
    text-decoration: underline;
}

a table tr td {
    text-decoration: none;
}

#smallText {
    font-size:100% !important;
    padding: 0 3px !important;
    margin-left: 7px !important;
}

#mediumText {
    font-size:150% !important;
    padding: 0 3px !important;
}

#bigText {
    font-size:200% !important;
    padding: 0 3px !important;
}

#bigText {
    font-size:200% !important;
    padding: 0 3px !important;
}
form input[readonly]:focus {
    border: black 1px solid;
}

p.buttonbar{
    text-align:right;
    min-height:24px;
}

div.toegangscode-activeren-block {
    margin-top: -6px;
    margin: auto;
}

p.toegangscode-activeren-block-p {
    margin-left: 344px;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.error-message-generic {
    color: rgb(237, 28, 41);
    margin-left: 350px;
    margin-top: 2px;
}

/*Upload Portero Documenten*/
a.porterofilelink {
    color: #09c;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
}

a.porterofilelink:hover {
    color: #09c;
    text-decoration: underline;
}

#praktijksTable{
    font-size: 12px;
    background: transparent;
    margin-top: 0em;
    border-bottom: none;
    width: 310px;
    display: inline-block;
    margin-bottom: 0em;

}

#praktijksTable tr td input {
    margin : 3px 1.5ex;
    height : 13px;
}

#praktijksTable tr td{
    padding: 10px 0 0;
    height :16px;
    vertical-align: middle;
}
#praktijksTable tr{
    text-align: center;
}



#praktijksTable tr td table {
    font-size: 12px;
    background: transparent;
    border:1px solid #bababa;
    position:relative;
    margin-top: 0em;
    margin-bottom: 0em;
    width: 310px;
}

#praktijksTable tr td table tr td{
    padding: 5px 0 0;
}

#naamId {
    font-size: 12px;
    background: transparent;
    width:60px;
    position:relative;
}

table.ui-table{
    border-collapse:collapse;
    width:100%;
    /*margin-top:1em;*/
    border-bottom:6px solid #cde7f8;
    font-size:11px;
}

td.legendaIconTd {
    padding-left:5px !important;
    padding-right:3px !important;
}

td.legendaTextTd {
    padding-left:0px !important;
}

.legendaIconDiv {
    background-color: gainsboro;
}

#overlay {
    display: none;
    height: 90px;
    z-index: 2147483647!important;
    overflow:hidden!important;
    line-height: 20px;
    font-size:12px;
    font-family:"Arial","Verdana",sans-serif;
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    text-align: center;

}


#popup {
    background-color: #badef8;
    width: 100%;
    padding: 10px;
    overflow: auto;
}

.helpTextUploadToegangsCode {
    color: rgb(0, 153, 203);
    font-size: 150%;
}

.displayNone {
    display: none;
}

a#laagcontrast {
    display: none;
}

p.iconLegendaHeader {
    padding-left: 5px;
}

#toelichting {
    width:680px;
}

#bestandsNaamLabel {
    margin-right: 20px;
}

#bestandsNaamDialog {
    width: 500px;
    text-align: left;
}

.afdrukkenButtonTd {
    padding-left: 120px;
}
.afsluitenButtonTd {
    padding-right: 120px;
}


table.dataTable {
    width: 900px !important;
    margin-bottom: 0px;
    box-sizing: content-box;
    padding-right: 0px;
}

table.dataTable thead th {
    background-color: #CDE7F8 !important;
    height: 40px;
    font-weight: bold;
    text-align: left;
    color: black;
    vertical-align: middle;
    white-space: normal;
    font-size: 11px;
}

table.dataTable thead th.sorting_disabled {
    width: 40px;
}

table.dataTable a.ion-document {
    color: black;
    cursor: pointer;
}

table.dataTable a.ion-edit {
    color: black;
    cursor: pointer;
}

table.dataTable a.ion-close {
    color: black;
    cursor: pointer;
}

/* Body styling */
.bFontSize {
    font-size: 100%;
}

/* BrowserCheck styling */

.bcContainer {
    width: 70% !important;
}

.bcPageContent {
    width: 90% !important;
    padding-left: 30px;
    padding-top: 30px;
    border:0px;
}

.bcTable {
    width: 70%;
}

.bcAction {
    width: 90%;
    text-align:right;
    border:0px;
}

.ui-menu-item {
    padding: 3px 1em 3px 0.4em;
}