/******************************************************************************/
/* Algemeen */
/******************************************************************************/
h1, h2, h3, h4, h5, h6{color:#AD0000;}
body{overflow-y:scroll;}
ul{padding:0;margin:0;list-style:none;}
.container{box-shadow:0px 0px 5px 2px silver;padding:20px;}
.container.popup{box-shadow:none;}
.strong{font-weight:bold;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.editor{height:300px;}
.editor.editor-inline{background-color:white;}
.informatie{border-bottom:1px solid #DDD;font-style:italic;font-size:12px;}
.seperator{border-bottom:1px solid #DDD;}
.popover{font-size:12px;font-weight: normal;line-height:15px;}

.file-info{max-height:90px;overflow-y:auto;}
.file-info .remove-file{cursor: pointer;}
.file-info .move-file{cursor: move;}

.pos-rel{position:relative;}
.pos-abs{position:absolute;}
.pos-fixed{position:fixed;}

.top{top:0;}
.top5{top:5px;}
.top10{top:10px;}
.bottom{bottom:0;}
.bottom5{bottom:5px;}
.bottom10{bottom:10px;}
.left{left:0;}
.left5{left:5px;}
.left10{left:10px;}
.right{right:0;}
.right5{right:5px;}
.right10{right:10px;}

.overflow.hidden{overflow:hidden;}
.overflowx.hidden{overflow-x:hidden;}
.overflowy.hidden{overflow-y:hidden;}

.overflow.scroll{overflow:scroll;}
.overflowx.scroll{overflow-x:scroll;}
.overflowy.scroll{overflow-y:scroll;}

.overflow.auto{overflow:auto;}
.overflowx.auto{overflow-x:auto;}
.overflowy.auto{overflow-y:auto;}

/* de index (inlogscherm) */
.logincontainer{display:block;width:500px;padding:10px 10px 25px 10px;margin:0 auto;position:relative;top:100px;border:1px solid silver;border-radius:10px;}
.logincontainer .website{text-align:center;margin:40px auto 20px auto;width:400px;border-bottom:1px solid silver;}
.logincontainer .linedlink{display:block;width:20px;height:14px;background:transparent url('../plaatjes/webdesign_lined.png') no-repeat left top;margin-right:10px;}
.logincontainer .linedlink:hover{background-position:top right;}

/* Pulldown menu voor modules, de edit-modules rood maken **/
.navbar .nav li a.editmodules{border-top:1px solid #AD0000;color:#AD0000;}
.navbar .nav .uitloggen{color:#AD0000!important;}

/* Active item in de menus links */
.nav-tabs.nav-stacked .active>a{text-decoration:underline;}

/* Labels extra stylen */
.controls label{padding-top:5px;padding-right:5px;font-style:italic;}
.controls label input[type=radio],
.controls label input[type=checkbox]{margin-top:0;margin-right:5px;padding:0;}

/* Tooltips aanpassen met een margin voor irritante flikker */
.tooltip.left{margin:0 0 0 -15px;}

.dynaTable label{padding-top:5px;padding-right:5px;font-style:italic;}
.dynaTable label input[type=radio],
.dynaTable label input[type=checkbox]{margin-top:0;margin-right:5px;padding:0;}

.wrapper label{padding-top:5px;padding-right:5px;font-style:italic;}
.wrapper label input[type=radio],
.wrapper label input[type=checkbox]{margin-top:0;margin-right:5px;padding:0;}

/* breed horizontal formulier */
.big .control-label{width:300px;}
.big .controls{margin-left:310px;}

.medium .control-label{width:200px;}
.medium .controls{margin-left:210px;}

/* de blockjes aan de rechterkant (onder de menu's) */
.block{
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 20px;
    padding: 4px;
    margin: 0 0 5px 0;
    background-color:white;
}
/* een menu met submenu's zoals bij de pagina module en artikel module
/*--- menu aanpassingen --*/
.menu-children li{position:relative;}
.menu-children .move-info{display:none;position:absolute;top:10px;right:30px;z-index:99;cursor:move;}
.menu-children .tools{display:none;position:absolute;top:8px;right:45px;z-index:99;}
.menu-children a{display:block;position:relative;}
.menu-children a:hover .move-info{display:block;}
.menu-children a:hover .tools{display:block;}
.menu-children .parent-info{position:absolute;z-index:99;right:10px;top:10px;}
.menu-children .children{display:none;border-left:5px solid #DDDDDD;}
.menu-children .children a{
    display:block;
    line-height: 20px;
    padding: 8px 12px;
    border: 1px solid #DDD;
    border-top-width:0px;
}
.menu-children .children a:hover{
    background-color: #EEE;
    text-decoration: none;
}
.menu-children .children .active a,
.menu-children .children .active a:hover{
    background-color: #FFF;
    color: #555555;
}
.input-micro,
.input-micro input,
.input-micro select,
.input-micro textarea{width: 20px!important;}

.input-xmini input,
.input-xmini select,
.input-xmini textarea{width: 40px!important;}

.input-mini input,
.input-mini select,
.input-mini textarea{width: 60px!important;}

.input-small input,
.input-small select,
.input-small textarea{width: 90px!important;}

.input-medium input,
.input-medium select,
.input-medium textarea{width: 150px!important;}

.input-large input,
.input-large select,
.input-large textarea{width: 210px!important;}

.input-xlarge input,
.input-xlarge select,
.input-xlarge textarea{width: 270px!important;}

.input-xxlarge input,
.input-xxlarge select,
.input-xxlarge textarea{width: 530px!important;}

input.no-margin{margin:0;}
select.no-margin{margin:0;}
textarea.no-margin{margin:0;}
form.no-margin{margin:0;}

.block-padding{padding:10px !important;}

/******************************************************************************/
/* BUREAU BLAD (HOME) */
/******************************************************************************/
.gebruiker-gegevens .dl-horizontal dt{width:100px;font-size:11px;padding-right:5px;}
.gebruiker-gegevens .dl-horizontal dd{margin-left:100px;font-size:11px;}
.shortcut-list .shortcuts li a{display:block;height:24px;}
.shortcut-list .shortcuts li a .icon{width:24px;height:24px;}

.bureaublad .thumbnail{height:150px;overflow:hidden;overflow-y:auto;}
.bureaublad .thumbnail:hover{text-decoration: none;}
.bureaublad .thumbnail .info{width:66%;}

.bureaublad .thumbnail.quicksettings .quickselector{vertical-align: top;}
.bureaublad .thumbnail.quicksettings .quickselector .setting{display:inline-block;width:50%;overflow:hidden;text-overflow: ellipsis;}
.bureaublad .thumbnail.quicksettings .quickselector .inputvalue{display:inline-block;width:50%;}
.bureaublad .thumbnail.quicksettings .quickselector .inputvalue input,
.bureaublad .thumbnail.quicksettings .quickselector .inputvalue select{max-width:100%}

/******************************************************************************/
/* SETTINGS MODULE */
/******************************************************************************/
.settings .footer .controls{margin-left:0;}
.settings .advanced-user-levels .info .user{
    /*-moz-transform:rotate(315deg);*/
    overflow:hidden;
    text-overflow: ellipsis;
    max-width:90px;
}

/******************************************************************************/
/* PAGINA MODULE */
/******************************************************************************/
/*-- tabbladen extra marge --*/
.pagina #pagepropstabs{margin-top:20px;}
.pagina .bezoekertypes label,
.pagina .users label{display:block;}

/*-- content blokken ---*/
.pagina .sectie{background-color:#EEEEEE;}
.pagina .contentblokken{min-height: 50px;}
.pagina .contentblokken .block{min-height:20px;cursor:pointer;}
.pagina .contentblokken .block .icon-move{cursor:move;}
.pagina .content-tab{margin-right:90px;color:#AD0000!important;}
.pagina .form-config .form-type .controls label{display:block;}
/******************************************************************************/
/* BESTANDEN MODULE */
/******************************************************************************/
/*-- Thumbnail welke in de hover naar boven komt. ---*/
#thumb {position:absolute;border: 1px solid #CDD2D6;background:#f8f9fa;display:none;padding:3px;}
#thumb img {display:block;}
/*-- de filetree div --*/
.filetree{padding:0 10px;height:400px;overflow-y: scroll;}
.filetree li .active{font-weight:bold;background-color:#E5F2FC;}
.filetree .file{position:relative;}
.filetree .file .filename{max-width:550px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.filetree .file .filedate{position:absolute;top:0;right:110px;width:100px;text-align:right;}
.filetree .file .filesize{position:absolute;top:0;right:0;width:110px;text-align:right;}
.filetree .file.kop span{text-align:center;}

#toolsbody .info .well{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.well{position:relative;}
.well .pijltje,
.well .id-number{position:absolute;right:30px;top:10px;}
.well .site-preview{position:absolute;right:10px;top:12px;cursor:pointer;}

/*-- popup venster --*/
.popupform{padding:20px;display:none;}
.popupform .uploadinfo{display:block;font-style:italic;width:300px;padding:10px 0;}
.popupform .uploadinfo.info{padding-left:20px;background:transparent url('../../plaatjes/information.png') left 10px no-repeat;}
.popupform #fileuploadinfo{margin:10px 0;}
.popupform #fileuploadinfo span.size{float:right;}
.popupform #fileuploadinfo p.total{border-top:1px solid silver;}
.popupform #fileuploadinfo p.total.error{font-weight:bold;color:red;}

/******************************************************************************/
/* ARTIKEL MODULE */
/******************************************************************************/
.groepen-lijst li>a:hover>.groeptools{display:block;}
#artikelentabs.inclusief-groepen li.laatste{float:right;}
.artikelen .breadcrumb{margin:-15px 0 5px 0;font-size:11px;}
.artikelitems.overview .id-kolom{width:30px;min-width:30px;max-width:30px;text-align: right;font-size:11px;}
.artikelitems.overview td{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.artikelitems .selection_actions select{margin-bottom:0;}

/******************************************************************************/
/* WEBWINKEL MODULE */
/******************************************************************************/
.webwinkel .selecteer-landen{margin:10px;}
.webwinkel .winkel-teksten{overflow-x:scroll;}
.webwinkel .winkel-teksten .keys{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.webwinkel .winkel-teksten .editor-inline{overflow-y:auto;}

/** DE FOOTER **/


/** DIVERSE plugin css **/
.table.table-input-auto select,
.table.table-input-auto input{
    width:auto;margin-bottom:0;
}

.dynaTable{width:100%;max-width:100%;min-width:100%;}
.dynaTable .tools{width:20px;min-width:20px;max-width:20px;padding-left:0px;padding-right:0px;}
.dynaTable .icon-move{cursor: move;}
.dynaTable .select-kolom{width:20px;min-width:20px;max-width:20px;}
.dynaTable.edit th{text-align:right;padding-right:10px;vertical-align:top;line-height:30px;}
.dynaTable.overview .record td{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;cursor:pointer;}
.dynaTable.overview .record td>input,
.dynaTable.overview .record td>select{width:auto;margin-bottom:0;}
.dynaTable .pagination{margin:0;}
.dynaTable th a.order.ASC{color:#c67605;}
.dynaTable th a.order.DESC{color:#953b39;}

.dynaTable.LL.top{margin-bottom:10px;}

.dynaTable .mini{max-width: 60px!important;}
.dynaTable .small{max-width: 90px!important;}
.dynaTable .medium{max-width: 150px!important;}
.dynaTable .large{max-width: 210px!important;}
.dynaTable .xlarge{max-width: 270px!important;}
.dynaTable .xxlarge{max-width: 530px!important;}

.dynaTable.edit th{width:200px !important;}

.dynaForm{position:relative;overflow:hidden;overflow-x:auto;overflow-y:hidden;}
.dynaForm .bovenkant{display:block;position:absolute;left:0px;top:0px;margin:5px 10px;}
.dynaForm.edit .bovenkant{position:relative;margin:0 10px 5px;}
.dynaForm .onderkant{margin:5px 10px;}

.dynaForm.search{margin-bottom:10px;height:40px;overflow:hidden;}
.dynaForm.search caption{margin-bottom:5px;}


.dynaForm.search .Zoekknop,
.dynaForm.search .Cancelknop{margin-top:-30px;}
.dynaForm.search .Zoekknop{margin-right:80px;}

#ui-datepicker-div{display:none;}
/** voor het drag/drop gebeuren bij sorteerbare lijsten **/
li.ui-sortable-helper a{background-color:#AD0000!important;color:white!important;opacity:0.5;}
tr.ui-sortable-helper td{background-color:#AD0000!important;color:white!important;opacity:0.5;}
.ui-state-highlight{height:20px;border-color:#AD0000!important;opacity:0.5;}

/** chrome input date fix **/
input[type="date"]::-webkit-calendar-picker-indicator {
    display: inline-block;
}



/** IE fixes **/
.lt-ie8{overflow:hidden;overflow-y:scroll;}
.lt-ie8 body{overflow:hidden;}
.lt-ie9 .container{border-left:1px solid silver;border-right:1px solid silver;}
.lt-ie8 .pull-right{float:right !important;}
.lt-ie8 .form-horizontal .controls{margin-left:0;}
.lt-ie8 .row{display:block;}
.lt-ie9 .dropdown-menu{z-index:999;}

.lt-ie8 .dynaTable td{overflow:hidden;white-space:nowrap;}
.lt-ie8 .dynaTable .mini{width: 60px!important;}
.lt-ie8 .dynaTable .small{width: 90px!important;}
.lt-ie8 .dynaTable .medium{width: 150px!important;}
.lt-ie8 .dynaTable .large{width: 210px!important;}
.lt-ie8 .dynaTable .xlarge{width: 270px!important;}
.lt-ie8 .dynaTable .xxlarge{width: 530px!important;}



/* COLORPICKER */
.ui-colorpicker,
.ui-dialog.ui-colorpicker {
    width:					auto;
    white-space:			nowrap;

    -webkit-touch-callout:	none;
    -webkit-user-select:	none;
    -khtml-user-select:		none;
    -ms-user-select:		none;
    user-select:			none;
    padding: 15px;
}

.ui-widget-content{background: #eeeeee 50% top repeat-x}

.ui-colorpicker-inline {
    position:				static;
}

.ui-colorpicker-buttonset {
    float:					left;
    margin-left:			.4em;
}

.ui-colorpicker-buttonset .ui-button {
    margin:					.5em 0 .5em 0;
    cursor:					pointer;
}

.ui-colorpicker-buttonpane {
    background-image:		none;
    margin:					.7em 0 0 0;
    padding:				0 .2em;
    border-left:			0;
    border-right:			0;
    border-bottom:			0;
}

.ui-colorpicker-buttonpane button {
    float:					right;
    margin:					.5em .2em .4em;
    cursor:					pointer;
    padding:				.2em .6em .3em .6em;
    width:					auto;
    overflow:				visible;
}

.ui-colorpicker-buttonpane button.ui-colorpicker-current {
    float:					left;
}

.ui-colorpicker table {
    width:					100%;
    font-size:				100%; /* Reset browser table font-size */
    margin:					0;
}

.ui-colorpicker table td {
    vertical-align:			top;
}

.ui-colorpicker-padding-left {
    padding-left:			10px;
}
.ui-colorpicker-padding-top {
    padding-top:			10px;
}

.ui-colorpicker-border {
    border:					1px inset;
    display:				inline-block;
}

/* Bar & map */
.ui-colorpicker-map > *,
.ui-colorpicker-bar > * {
    position:				absolute;
    cursor:					crosshair;
}

.ui-colorpicker-map-pointer,
.ui-colorpicker-bar-pointer {
    position:				absolute;
    left:					0;
}
/* Map */
.ui-colorpicker-map,
.ui-colorpicker-map > * {
    display:				block;
    width:					256px;
    height:					256px;
    overflow:				hidden;
}

.ui-colorpicker-map-layer-1,
.ui-colorpicker-map-layer-2 {
    background:				url(../img/colorpicker/map.png) no-repeat;
}

.ui-colorpicker-map-128,
.ui-colorpicker-map-128 > * {
    width:					128px;
    height:					128px;
}

.ui-colorpicker-map-128 .ui-colorpicker-map-layer-1,
.ui-colorpicker-map-128 .ui-colorpicker-map-layer-2 {
    background:				url(../img/colorpicker/128/map.png) no-repeat;
}

.ui-colorpicker-map-layer-alpha {
    background:				url(../img/colorpicker/map-opacity.png);
}

.ui-colorpicker-map-pointer {
    display:				inline-block;
    width:					15px;
    height:					15px;
    background:				url(../img/colorpicker/map-pointer.png) no-repeat;
}

/* Bar */
.ui-colorpicker-bar,
.ui-colorpicker-bar > * {
    display:				block;
    width:					20px;
    height:					256px;
    overflow:				hidden;
    background-repeat:		repeat-x;
}

.ui-colorpicker-bar-128,
.ui-colorpicker-bar-128 > * {
    height:					128px;
}

.ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-layer-4 {
    background:				url(../img/colorpicker/bar.png) repeat-x;
}

.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-4 {
    background:				url(../img/colorpicker/128/bar.png) repeat-x;
}

.ui-colorpicker-bar-layer-alpha {
    background:				url(../img/colorpicker/bar-opacity.png);
}

.ui-colorpicker-bar-layer-alphabar {
    background:				url(../img/colorpicker/bar-alpha.png);
}

.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-alphabar {
    background:				url(../img/colorpicker/128/bar-alpha.png);
}

.ui-colorpicker-bar-pointer {
    display:				inline-block;
    width:					20px;
    height:					7px;
    background:				url(../img/colorpicker/bar-pointer.png) no-repeat;
}

/* Preview */
.ui-colorpicker-preview {
    text-align:				center;
    height:					20px;
}

.ui-colorpicker-preview-initial {
    cursor:					pointer;
}

.ui-colorpicker-preview-initial,
.ui-colorpicker-preview-current {
    width:					50px;
    height:					20px;
    display:				inline-block;
}

.ui-colorpicker-preview-initial-alpha,
.ui-colorpicker-preview-current-alpha {
    width:					50px;
    height:					20px;
    display:				inline-block;
    background:				url(../img/colorpicker/preview-opacity.png) repeat;
}

/* Inputs */
.ui-colorpicker-rgb label,
.ui-colorpicker-hsv label,
.ui-colorpicker-hsl label,
.ui-colorpicker-lab label,
.ui-colorpicker-cmyk label,
.ui-colorpicker-alpha label {
    width:					1.5em;
    display:				inline-block;
}

.ui-colorpicker-number {
    margin:					.1em;
    width:					4em;
}

/* Hex */
.ui-colorpicker-hex {
    text-align:				center;
}

.ui-colorpicker-hex label{
    display: inline-block;
}

/* Swatches */
.ui-colorpicker-swatches {
    height:					256px;
    overflow:				auto;
    background-color:		#f8f8f8;
}

.ui-colorpicker-swatch {
    cursor:					pointer;
    float:					left;
    width:					11px;
    height:					11px;
    border-right:			1px solid black;
    border-bottom:			1px solid black;
}