/*RESET HTML (common.css)*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input[type="checkbox"] { margin: 3px 3px 3px 4px; }

/* html,body */
html, body, form { padding: 0; margin: 0; text-align: left; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;  color: #000; background-color: #f2f2f2;}
table, tr,td {vertical-align:top;}

html { height: 100%; box-sizing: border-box; }
body {position: relative; margin: 0; min-height: 100%; }

/*Bootstrapper - corrections + pop-over*/
/*div {-webkit-box-sizing:content-box; -moz-box-sizing: content-box; box-sizing:content-box;}
.popover{max-width: none !important;}*/


/* H1...H4 Content*/
h1,h2,h3,h4,h5,h6 {color: #000;}
h1 { font-size: 36px;} h2 { font-size: 18px;} h3 { font-size: 16px;} h4 { font-size: 14px;} h5 { font-size: 12px;} h6 { font-size: 10px;}

/* Style - Read-only input boxes like disabled (read-only still allows copy and past */
input[type="textField"]:read-only, input[type="number"]:read-only, textarea:read-only, input[type="text"]:read-only, input[type="password"]:read-only {
    background-color: #e9ecef;
}
input[type="textField"]:disabled, input[type="number"]:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled {
    background-color: #e9ecef;
}

/************************************* Begin of classes Centix *************************************/
/****** Begin of Header ******/
.headerContainer { width: 100%; top: 0px; background-color:#333; padding: 0; z-index:110; }
.headerContainer.fixed { position:fixed; }
.headerContainer .containerCenter { width: 100%; padding-left: 15px; padding-right: 15px; }
.headerContainer .containerCenter .searchbar { margin-left: auto; }
.editMenuContainer { position:fixed; top: 60px; z-index: 50; width: 100%; background-color: #f9f9f9;  border-bottom: 1px solid #efefef; margin-bottom: 10px; }

.logo {float:left; margin-top:8px;}
.logo img {max-height: 40px;}
.login {text-align:right; padding: 2px 5px; float:right;}
.login, .label { color: #000; }

/*Navigation bar*/
.topnav-button { width: 40px; height: 40px; background-size: 24px; background-position: center center; background-repeat:no-repeat; display: inline-block;}
#search-button.show { background-image: url('Images/close-white@2x.png'); }
#search-button { background-image: url('images/search-white@2x.png');  }
#order-basket-button { background-image: url('images/cart-white@2x.png'); }
    #order-basket-button .order-item-count {
        position: relative;
        padding: 0px 5px;
        font-size: 8pt;
        border-radius: 5px;
        float: right;
        color: #000;
    }

#movebasket-button { background-image: url('images/move-basket-white@2x.png'); }
#movebasket-button .movebasket-item-count { position: relative; padding: 0px 5px; font-size: 8pt; border-radius: 5px; float: right; color: #fff;}

#ctl00_LB_Login { background-image: url('images/user-white@2x.png'); }
#ctl00_User_Button { background-size: contain; border-radius: 21px; border: 1px solid white; height: 30px; width: 30px; margin-bottom: 5px; }

#ctl00_Language_Icon { width: 40px; height: 40px; margin: 0px 2px; background-size:24px; background-position: center center; background-repeat:no-repeat; display: inline-block; background-image: url('Images/language-white@2x.png'); }
#ctl00_Language_Icon.nl { background-image: url(Images/netherlands-flag-xs.png); background-size: 32px;}
#ctl00_Language_Icon.de { background-image: url(Images/germany-flag-xs.png); background-size: 32px;}
#ctl00_Language_Icon.en {background-image: url(Images/united-kingdom-flag-xs.png); background-size: 32px;}
#ctl00_Language_Icon.es { background-image: url(Images/spain-flag-xs.png); background-size: 32px;}
#ctl00_Language_Icon.fr { background-image: url(Images/france-flag-xs.png); background-size: 32px;}
#ctl00_Language_Icon.da { background-image: url('Images/danisch-flag-xs.png'); background-size: 32px;}

#ctl00_Language_Icon.zh { background-image: url('Images/china-flag.png'); background-size: 32px;}
#ctl00_Language_Icon.pl { background-image: url('Images/poland-flag.png'); background-size: 32px;}
#ctl00_Language_Icon.tr { background-image: url('Images/turkey-flag.png'); background-size: 32px;}


.searchbar {padding:0px; float:right; text-align:right; margin-top: 8px;}
.searchbar .ui-search-box { display: none; }
.searchbar .ui-search-box.show { display:inline-block; float:left; vertical-align: middle;  margin: 5px 0px 0px 0px;  padding: 0px;  border: none; }
.searchbar .user-holder-Span { height: 40px; width: 40px; }
.login {display:none;}

#language-panel { display: none; margin-left: 10px; width: 200px; height: auto; position: absolute; top: 60px; background-color: #333; padding: 8px; border-radius: 8px; border-top-right-radius: 0px; border-top-left-radius: 0px;}
#language-panel.show {display:block; }
#language-panel select { width: 100%; }

.dropdown-menu { min-width: 200px; }
.avatar img { width: 100px; height: 100px; max-width: 100px; max-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(255,255,255,0.5); }
#ctl00_Image_Avatar { cursor: pointer; }
/****** End of Header ******/

/****** Begin of Menu ******/
.menuContainer {font-weight: bold; height: 60px; float:left;}
.menuContainer .menu, .menuContainer .menu ul { margin: 0; list-style-type: none; list-style-position: outside; line-height: 40px;  padding-left: 0px;}
.menuContainer .menu li { float: left; position: relative;  z-index:999; }
.menuContainer .menu ul { position: absolute; width: 220px; display: none; }
.menuContainer .menu a:link,.menuContainer .menu a:active,.menuContainer .menu a:visited, .menuContainer .submenu .main-menu-submenu span{ display: block; padding: 0px 15px 0px 15px; text-decoration: none; color: #efefef; width: auto;}
.menuContainer .menu a:hover { color: #666; }
.menuContainer .menu li:hover ul { display: block;}
.menuContainer .menu li:hover { color: #333; z-index: 999; }
.menuContainer .main-menu { padding: 0 15px; text-decoration: none; font-size: 14px; cursor: pointer; padding: 0px 15px 0px 15px; line-height: 40px; }
.menuContainer .main-menu a:not(.submenu li a) { padding: 0 !important; }
.menuContainer .main-menu .submenu{ text-indent: 0px; margin-left: -15px;}

/** Submenu's **/
.menuContainer .submenu a:link, .menuContainer .submenu a:active, .menuContainer .submenu a:visited, .menuContainer .submenu .main-menu-submenu span{
    background-color: #FFF;
    font-size: 12px;
    color: #000;
    text-align: left;
    width: 220px;
    height: auto;
    cursor: pointer;
}
.menuContainer .submenu a:hover { background-color: #cdcdcd; }

@media only screen and (min-width: 977px) and (min-height:500px) {
    .menuContainer .submenu li:hover .submenu { display: block !important; z-index:999;}
    .menuContainer .submenu li .submenu { position: absolute; top: 0px; left: 220px; display: none !important; margin: -1px 0 0; }
    .menuContainer .main-menu { line-height: 60px}
    
    /* Borders on submenu's, only on desktop view */
    .menuContainer .submenu .submenu li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
    .menuContainer .submenu li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }

    .menuContainer .submenu a:link,
    .menuContainer .submenu a:active,
    .menuContainer .submenu a:visited,
    .menuContainer .submenu .main-menu-submenu span {
        border-bottom: none;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1)
    }
}

/****** End of Menu ******/
/****** Begin of Content ******/
.cmsContainerCenter {width: 1170px; margin: 0 auto;}
.containerCenter {width: 1170px; margin: 0 auto; }

.contentContainer { margin: 0; width: 100%; padding-top: 60px; }
.contentContainer.edit-menu-fixed { padding-top: 100px; }
/****** End Content ******/

/************* clickable buttons **************/
.clickable-container{
    display: inline-block;
 }
/****** End clickable buttons ******/

/****** Begin of Footer ******/
.footerContainer { position: absolute; right: 0; bottom: 0; left: 0; clear: both; height: auto; overflow: auto; background-color: lightgray; }
/****** End of Footer ******/

/************************************* End of classes Centix *************************************/
/************************************* Begin of Styles Centix *************************************/
a { color: #000; text-decoration: underline; }
    a:hover { color: #000; text-decoration: none; }
.searchbar a { text-decoration: none; }

/****** End of Links ******/
.TopMargin { padding-bottom: 15px; padding-top: 10px;  }

#ctl00_ContentPlaceHolder_FV_WorkFlow_InsertItemTemplate_WorkFlowFormalDescriptionControl_ListBox_List { margin-left: 5px; }
#ctl00_ContentPlaceHolder_FV_WorkFlow_InsertItemTemplate_txtDescr { margin-left: 0px; }

/****** Begin of Buttons ******/
/* searchs buttons */
.Button { color: #FFF; cursor: pointer; background-color: #7D7D7D; text-decoration: none; padding: 6px; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
        .Button:hover { background-color: #7D7D7D; color: #fff;}

.ObjectButton { color: #FFF; cursor: pointer; padding: 3px; font-weight: bold; background-color: #7D7D7D; text-decoration: none;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
        .ObjectButton:hover {  background-color: #7D7D7D; }

/* searchs buttons */
.searchButton { color: #FFF; cursor: pointer; font-weight: bold; background-color: #7D7D7D; text-decoration: none; padding: 6px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;  }
        .searchButton:hover { background-color: #474745; color: #fff;}

/* Buttons Overall */
input[type="submit"], input[type="reset"], button {color: #fff; cursor: pointer; font-weight: normal; text-decoration: none;  background: #666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; padding: 6px; border: none; } 
        input[type="submit"]:hover, input[type="reset"]:hover, button:hover  { background:  #333; font-weight: normal; cursor: pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; text-decoration: none;  padding: 6px; }
    
.ButtonRemove { color: #FFF; background-color: #af3b3b; text-decoration: none; padding: 5px; border: 1px solid #f15b00;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
        .ButtonRemove:hover { color: #FFF; background-color: #f00; }
/* number field*/
input[type="number"] { -moz-appearance: textfield }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* text field */
input[type="textField"], input[type="number"], textarea, input[type="text"], input[type="password"] { color: #373737; padding: 6px; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;  border: 1px solid #d1d0cf;  resize: none;}
       input[type="textField"]:hover,  input[type="text"]:hover, input[type="password"]:hover { outline: none; border: 1px solid #666;  }
/****** End of Buttons ******/

/****** Select Statement ******/
select { font-style: italic; color: #373737; width: 175px; padding-right: 5px; height: 32px; padding: 6px; -moz-border-radius:4px; -webkit-border-radius:3px; border-radius: 4px; border: 1px solid #d1d0cf; }
    select:hover { outline: none; border: 1px solid #666;  }
 
textarea { overflow:hidden; color: #373737; padding: 6px;-moz-border-radius:4px; -webkit-border-radius:4px;  border-radius: 4px; border: 1px solid #d1d0cf; }
textarea:hover {outline: none; border: 1px solid #666;  }

hr { width: auto; background-color: #666; }
/* DIALOG */
.corner_top { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.corner_bottom { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.dialog { position: absolute; width: auto; margin-left: auto; margin-right: auto; border-style: solid; background-color: rgb(249, 249, 249); border-radius: 8px; border-width: 1px; display: block; box-shadow: 6px 6px 4px #888; font-weight: bold;z-index:99999; min-width:400px; }
.dialog-header { border-top-left-radius: 8px; border-top-right-radius: 8px; min-height: 40px; padding: 0px 6px 0px 6px; display: block; color: White; background-repeat: repeat-x; background-color: #000;  }
.dialog-header-left { position: absolute; left: 0; top: 0; width: 40px; line-height: 40px; padding-left: 0px; }
    .dialog-header-left .FieldButton { height: 40px; width: 100%; padding: 0 !important; margin: 0 !important; box-shadow: none !important;border-radius:8px !important; border-top-right-radius:0px !important; border-style: none !important;  border-width: 0px !important; background-color: Transparent !important; cursor: pointer; }
.dialog-header-center { position: absolute; left: 50px; top: 0; right: 50px; line-height: 40px; text-align: center;}
.dialog-header-right { position: absolute; right: 0; width:40px; line-height: 40px; margin-right: 18px; }
.dialog-header a:link, .dialog-header a:visited, .dialog-header a:hover { display: block; color: White; text-decoration: none; }
.dialog-footer { display: block; margin-top: 10px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.dialog-body { padding: 0px 6px 0px 6px; }
.dialog-searchbar { padding: 6px 12px 6px 6px; }
    .dialog-searchbar input[type=text] { position: relative; width: 97%; border-radius: 8px; line-height: 30px; height: 30px; background-image: url('images/search.png'); background-position: left; background-repeat: no-repeat; text-indent: 30px; }
.dialog-body-ul { list-style: none; display: inline; }
.dialog-body-ul-li:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; border-top-style: solid; border-color: #ccc; border-width: 1px; }
    .dialog-body-ul-li:first-child a.content:hover { background-color: RGB(223, 223, 223); border-top-left-radius: 8px; }
    .dialog-body-ul-li:first-child a.options:hover { background-color: RGB(223, 223, 223); border-top-right-radius: 8px; }
.dialog-body-ul-li:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom-style: solid; border-color: #ccc; border-width: 1px; margin-bottom: 10px; }
    .dialog-body-ul-li:last-child a.content:hover { background-color: RGB(223, 223, 223); border-bottom-left-radius: 8px; }
    .dialog-body-ul-li:last-child a.options:hover { background-color: RGB(223, 223, 223); border-bottom-right-radius: 8px; }
.content { display: block; padding: 4px; }
.options { width:100%; cursor: pointer; }
.dialog-body-ul-li { display: block; background-color: RGB(230, 230, 230); border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-color: #ccc; border-width: 1px; }
    .dialog-body-ul-li a:hover { background-color: RGB(223, 223, 223); }
    .dialog-body-ul-li a { text-decoration: none; }

.dialog-body-ul-li .centix-controlgroup:first-of-type { float: left; width: calc(100% - 76px); }
.dialog-body-ul-li .centix-controlgroup:nth-of-type(2) { float: right; margin-right: 10px; width: 65px; border-left-color: RGB(223, 223, 223); border-left-style: solid; border-left-width: 1px; }
.dialog-body-ul-li .centix-controlgroup span.centix-list-item-button { width: 22px; display: inline-block; }
.dialog-body-ul-li .centix-controlgroup span.centix-list-item-button:nth-of-type(2) { margin-left: 12px; }

.delete-dialog .dialog-body {padding: 10px;}
.delete-dialog .button-bar {border: none;}
.delete-dialog .button-bar input:first-child {float: left; margin-left: 10px;}
.delete-dialog .button-bar input:last-child {float: right; margin-right: 10px;}

/*---END DIALOG---*/
/*---CONTEXT MENU---*/
.context { cursor: pointer; }
.contextmenu { margin:-22px 0px 0px 60px; line-height: normal; z-index: 99; width: 222px; display: none; border-style: solid; background-color: rgb(249, 249, 249); border-width: 1px; border-color: black; border-radius: 4px; }
.contextmenu-hr { color: #000; background-color: #000; height: 2px; padding: 0px; }
.contextmenu-header { background-color: #000; padding: 4px; text-align: center; color: White; font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px; }
.contextmenu-content a:link, .contextmenu-content a:visited, .contextmenu-content a:hover { display: block; color: black !important; text-decoration: none; }
.contextmenu-footer { }
.contextmenu-content-ul { list-style: none;margin:0px; padding:0px;}
.contextmenu-content-ul-li { display: block; white-space: nowrap; padding: 4px 2px 4px 4px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ccc; }
    .contextmenu-content-ul-li.before-separator { display: block; white-space: nowrap; padding: 4px 2px 4px 4px; border-bottom-style: none; border-bottom-width: 0px; }
    .contextmenu-content-ul-li.separator { padding: 0px; border-bottom-style: none; border-bottom-width: 0px; }
    .contextmenu-content-ul-li:last-child { border-bottom-style: none; }
        .contextmenu-content-ul-li:last-child:hover { background-color: RGB(223, 223, 223); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
    .contextmenu-content-ul-li:hover { background-color: RGB(223, 223, 223); }
    .contextmenu-content-ul-li.separator:hover { background-color: rgb(249, 249, 249); }
.contextmenu-new { display: block; background-image: url('images/add.png'); background-position: left; background-repeat: no-repeat; text-indent: 30px; text-decoration: none; background-size: 16px;}
.contextmenu-edit { display: block; background-image: url('images/edit.png'); background-position: left; background-repeat: no-repeat; text-indent: 30px; text-decoration: none; background-size: 16px;}
.contextmenu-delete { display: block; background-image: url('images/delete.png'); background-position: left; background-repeat: no-repeat; text-indent: 30px; text-decoration: none; background-size: 16px;}
/*---END CONTEXT MENU---*/

/****** Edit Menu ******/
/* Edit menu Container */
.EditMenu, .editmenu { border: none; text-transform: uppercase; overflow:auto;}

/* Disables classes menu */
.EditMenu-Disabled, .editmenu-disabled { color: #7D7D7D; line-height: 35px; text-decoration: none; padding: 10px 20px 10px; display:none;}

/* Edit menu - Create option */
a.EditMenu-Create, a.editmenu-create {  }

/* Edit menu - Edit option */
.EditMenu-Edit, a.editmenu-edit { }

/* Edit menu - Move option */
.EditMenu-Move, a.editmenu-move { }

/* Edit menu - Copy option */
.EditMenu-Copy, a.editmenu-copy { }

/* Edit menu - Delete option */
.EditMenu-Delete, a.editmenu-delete { }

/* Edit menu - Upload option */
.EditMenu-Upload span, .editmenu-upload span {
    text-decoration:underline;
}

a:link.EditMenu-Create, a:link.editmenu-create {padding-left: 24px; background-image: url('Images/add.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}    
a:link.EditMenu-Edit, a:link.editmenu-edit {padding-left: 24px; background-image: url('Images/edit.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}    
a:link.EditMenu-Delete, a:link.editmenu-delete {padding-left: 24px; background-image: url('Images/delete.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}    
a:link.EditMenu-Upload, a:link.editmenu-upload {padding-left: 24px; background-image: url('Images/attachment.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}    
a:link.EditMenu-Attach, a:link.editmenu-attach {padding-left: 24px; background-image: url('Images/connect.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}    
a:link.EditMenu-Move, a:link.editmenu-move {padding-left: 24px; background-image: url('Images/move.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}    
a:link.EditMenu-Copy, a:link.editmenu-copy {padding-left: 24px; background-image: url('Images/copy.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}    
a:link.EditMenu-Save, a:link.editmenu-save {padding-left: 24px; background-image: url('Images/save-disk.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}  
a:link.EditMenu-Invoice, a:link.editmenu-Invoice {padding-left: 24px; background-image: url('Images/invoice.png'); background-size: 18px; background-position: center left; background-repeat: no-repeat;}  



/*Chrome*/
#fileToUpload::-webkit-file-upload-button {
    visibility:hidden;
    
}
.EditMenu-Upload span:hover, .editmenu-upload span:hover {
    text-decoration:none;
}

/* Hyperlinks in EditMenu */
.EditMenu a, .editmenu a { line-height: 40px; text-decoration: none; padding: 10px 20px 10px; font-size: 14px;}

    /* Hyperlinks in EditMenu link&visited */
.EditMenu a:link, .EditMenu a:visited, .editmenu a:link, .editmenu a:visited  { color: #808080; text-decoration: none; }

    /* Hyperlinks in EditMenu hover */
    .EditMenu a:hover, .editmenu a:hover { text-decoration: none; color:#000000; }


.edit-menu ul, .edit-menu li {list-style:none; padding:0; margin:0;}
.edit-menu { overflow: auto; margin:0; padding:0;}
.edit-menu-horizontal .edit-menu-item {float:left;}
.edit-menu-horizontal::after {clear: both; }

.edit-menu-item a{ text-transform: uppercase; text-decoration: none; color: #808080;}

.edit-menu-item a, .edit-menu-submenu-item a  { padding: 10px 20px; font-size: 14px; display:inline-block; }
.edit-menu-item a:hover, .edit-menu-submenu-item a:hover {text-decoration:none; color: #000000;}

.edit-menu-submenu-container a:first-of-type {background: url('Images/pijl-onder.png') no-repeat; background-position: 8px center; background-size:9px; }
.edit-menu-submenu-container a:first-of-type :hover {background-image: url('Images/pijl-onder-hover.png');}

/*Submenus*/
.edit-menu-submenu {height:auto !important; background-color:#fff}
.edit-menu.edit-menu-submenu {height:auto;}
.edit-menu-submenu-item {height:100%; min-width:unset; }
.edit-menu-submenu-item a { text-align:left;margin: 0px 8px 0px 8px; background:none !important;}
/*Submenus -  Show / Hide*/
.edit-menu li ul {display:none;}
.edit-menu li:hover ul {display:block; position:absolute; margin-left:-1px; /*border correction*/}

ul.edit-menu.edit-menu-submenu.edit-menu-submenu-0 {padding: 10px;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.19);}


/****** End of Edit Menu ******/

/****** Search Tabel ******/
/* Search Tabel Container */
.search_table_back {background-color: #eaecea; color: #808080; font-weight: bold; font-size: 12px;height:200px;}
.search_table_back td {padding:2px;}

/* Search Tabel */
.Field { margin: 1px 0px 1px 0px;}

/* Field requiredments */
.Required { width: 16px; height: 16px; background-image: url('images/icon_required_valid.gif'); background-repeat: no-repeat; background-position: right center; float: right; margin-left: 4px; }

/* Column title label */
.Field .FieldDescr { width: 140px; float: left; }
.Field .FieldDescr.no-title {width: auto;float: left;}

.Field .FieldDescr .Label { float: left; }

.Field .Required { float: left; }

/* Value Label */
.Field .FieldValue { margin-left: 10px; }

/* Error Label */
.Field .FieldError { margin-left: 10px; }
/****** End of Search Tabel ******/

/****** Search object detail items ******/
/* Container List Items on object details  */
.PopupWrapper { border: 1px solid #000; padding: 0px; margin-right: auto; margin-left: auto; height: auto; width: 610px; background-color: #FFF; -moz-box-shadow: 10px 10px 30px #464646; -webkit-box-shadow: 10px 10px 30px #464646; box-shadow: 10px 10px 30px #464646; behavior: url(PIE.htc); display: table !important; }

/*Popup - header*/
.ListHeaderContainer { background-color: #c8d7c6; background-position: right center; width: 100%; height: 30px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #000; }

    /*Popup - header - title*/
    .ListHeaderContainer .ListHeaderTitle { float: left; text-align: center; font-weight: bold; width: 90%; line-height: 30px; color: #FFF; }

    /*Popup - header - close button area*/
    .ListHeaderContainer .ListCloseButtonBox { float: right; }

/*Popup - header - close button*/
.ListCloseButtonBox .CloseButton { width: 30px; height: 30px; }

/*Popup - content*/
.ListContentBox { width: 100%; margin-left: 0px; margin-top: 0px; }

/*Popup - ListResults container*/
.ListResults { padding-left: 2px; padding-right: 3px; }

/* Popup - ListResults - Result header (columns)*/
.ListResultHeader { font-weight: bold; padding-top: 10px; padding-bottom: 5px; }
    .ListResultHeader .ItemListRow { min-height: 0px; padding-bottom: 2px; }

    /* Popup - ListResults - Result header - line */
    .ListResultHeader .ListHr { border-style: none; border-color: inherit; border-width: 0; width: 100%; color: #aaa; background-color: #aaa; height: 1px; }

/*First column*/
.ListResultColumn0 { width: 20%; float: left; }

/*Second column*/
.ListResultColumn1 { width: 60%; float: left; }

.ListResultHeader .ListResultColumnKwart, .Item .ListResultColumnKwart, .AlternatingItem .ListResultColumnKwart { width: 25%; float: left; }
/****** End of Search Object detail items ******/

/****** ObjectDetail ******/
/* item */
.Item { min-height: 33px; background-color: #FFF; width: 100%; padding: 4px 0px 0px 0px; margin: 0; height: 100%; }

/* Alternating (row) item*/
.AlternatingItem { min-height: 33px; background-color: #f1f1f1; width: 100%; padding: 4px 0px 0px 0px; margin: 0; height: 100%; }

/* Popup box - Footer style */
.ListResults .ClickableDiv { cursor: pointer; padding: 0; margin: 0; width: 100%; }
    .ListResults .ClickableDiv:hover { background-color: gray; }
.ListResults .ClickableDiv_Selected { font-weight: bold; cursor: pointer; padding: 0; margin: 0; width: 100%; }
/*.result_table_colum_1 { text-align: left; width: 80px; }*/
.result_table_colum_1 { text-align: left; width: 200px; }
.result_table_colum_2 { text-align: left; width: 200px; }
.result_table_colum_3 { text-align: left; width: 480px; }
.result_table_colum_4 { text-align: left; width: 200px; }
.result_head_items {float: left;width: 20%;margin-left: 78px;}
.result_item_head { text-align: left; font-weight: bold; color: #FFF; height: 20px; vertical-align: middle;  background-color: #000;}
.ok, .green { padding: 1px 2px 1px 2px; background-color: Green; color: #FFF; }
.failed, .red { padding: 1px 2px 1px 2px; background-color: Red; color: #FFF; }
.expires, .orange { padding: 1px 2px 1px 2px; background-color: orange; color: #FFF; }
.inactive, .gray { padding: 1px 2px 1px 2px; background-color: gray; color: #FFF;}
span.failed:empty, span.ok:empty, span.expires:empty, span.red:empty, span.green:empty, span.orange:empty { padding: 0px; background: none; }


.error-bar span.action-ok { padding: 1px 2px 1px 2px; background-color: none; color: Green; }
.error-bar span.action-error { padding: 1px 2px 1px 2px; background-color: none; color: Red; }


.FullRow { width: 100%; display: inline-block; }
/****** End of ObjectDetail ******/


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
    #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

/* === Table === */
    img { height: auto; }
    .clear { clear: both;  }
    .clickable .ButtonItem .image { text-align: center; background-color: #c4c4c4 !important; border-radius: 6px; width: 200px; height: 102px; border: none; }
    div.clickable { position: relative; border-bottom: 1px solid #999; }
    div.clickable a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; /* raises anchor tag above everything else in div */ background-color: none; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=1); /*workaround to make clickable in IE */ }
/*========================================================================================
==================================== MOBILE ============================================*/
@media only screen and (max-width: 2700px) {
    .containerButtons { width: 96%; margin: 0 2%; }
    .ButtonItem { clear: both; padding: 20px 0; }
    .image { float: left; width: 31%; }
    .copy { float: right; width: 69%; }
    .actionTable { width: 100%; }
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr { display: block; }
        /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
    #no-more-tables tr { border: 1px solid #ccc; }
    #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; }
    #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
    #no-more-tables td:before { content: attr(data-title); }
}

@media only screen and (max-width: 768px) {

    .Detail { display: block !important; width: 100% !important; }
    .Detail .LeftContainer { line-height: 125% !important; }
    .Detail .RightContainer { font-size: 16px !important; line-height: 125% !important; margin-top: 60px; text-align: left !important; width: 65% !important; margin-right: 45%; float: left !important; padding-top: 20px !important; }
    .Detail .RightContainer img { float: left; }
    .Detail .LeftContainer .RightContainer { width: 600px !important; vertical-align: top; padding: 0px !important; margin: 0 !important; background-color: #EEE !important; margin-top: 20px !important; }
    .Detail .LeftContainer .RightContainer span { padding: 0px !important; margin: 0 !important; }
    .tableInspectie { width: 200px !important; }
    .containerButtons { width: 96%; margin: 0 0%; }
    .ButtonItem { width: 85%; }
    .image, .copy { text-align: left; }
    .image { width: 50%; float: left; }
    .copy { width: 50%; float: right; }
    .Detail_Menu { width: 600px !important; height: 25px; margin-bottom: 10px; }
    .OverzichtTable { width: 600px !important; }
    .actionTable { width: 600px !important; }
}

@media only screen and (max-width: 599px) {
    .containerButtons { width: 76%; margin: 0 2%; }
    .Detail .LeftContainer .RightContainer { width: 55% !important; vertical-align: top; padding: 0px !important; margin: 0 !important; background-color: #EEE !important; margin-top: 20px !important; }
    .tableInspectie { width: 400px !important; }
    .ButtonItem { }
    .image, .copy { text-align: left; }
    .Detail_Menu { width: 400px !important; height: 25px; margin-bottom: 10px; }
    .actionTable { width: 400px !important; }
    .OverzichtTable { width: 400px !important; }
}

@media only screen and (max-width: 490px) {
    .containerButtons { width: 56%; margin: 0 0%; }
    .ButtonItem { }
    .image, .copy { text-align: left; width: 40%; }
    .tableInspectie { width: 350px !important; }
    .Detail_Menu { width: 400px !important; height: 25px; margin-bottom: 10px; }
    .actionTable { width: 400px !important; }
}

.UserWorkFlowRequest { }
.UserWorkFlowRequest textarea { min-width:821px; min-height:50px;}
.UserWorkFlowRequest input.FullRow {width: 821px;}
.Error, .error, .centix-error { color: #FF0000; }
.ajax__fileupload_uploadbutton,.ajax__fileupload_footer {visibility:hidden;display:none;}
.Upload_Container .ajax__fileupload_uploadbutton,.Upload_Container .ajax__fileupload_footer {visibility:visible;display:block;}
.visible_false {visibility:hidden;}

/* Objectlocation */
.ObjectLocationLogs td {width:193px;}
.ObjectLocationLogs, .Item {}
.ObjectLocationLogs, .AlternatingItem {}

/* Ownerslocation */
.ObjectOwnerLog {width:100%;}
.ObjectOwnerLogs {width:100%;}
.ObjectOwnerLogs td {width:193px;}

.LocationTree {}
.DeletePanel { width: auto!important; background-color: #FFF; color: #FF0000; border: 1px solid black; -moz-box-shadow: 10px 10px 30px #464646; -webkit-box-shadow: 10px 10px 30px #464646; box-shadow: 10px 10px 30px #464646; }
.DeletePanel a { cursor: pointer; }

.Grid_HeaderStyle { width: 100px; }
.Grid_HeaderStyle th { text-align:left;}

.horizontal-space { padding:0px 10px 0px 0px; }
.HourRegistration_Control_Column_2 {padding-right: 20px;padding-left: 10px;}
.HourRegistration_Control_Column_3 span {padding-right: 15px;}
.ArticleCategory_ImageLink_Link { }
.ArticleCategory_ImageLink_Image { max-width:90px; }
.ArticleCategory_Link { }
.ArticleCategory_Image { }


/* Workplace */
.workplace {background-color: #eee;border-bottom: 5px solid #c8d7c6;padding-bottom:5px;padding:10px;}
.workplace .container {padding:10px;background-color:#eee;float:left;height:220px;margin:15px;width:150px!important;}
.workplace .container .image { background-color: #FFF;border:2px solid #808080;cursor:pointer;display:inline-block;height:144px;margin-bottom: 4px;opacity: 0.5;text-align:center;width:100%;}
.workplace .container .image .profile {margin-bottom:8px;}
.workplace .container .image img { margin: 4px;max-height: 100px;max-width: 90px;}
.workplace .container .image .name { display: inline-block;padding: 2px;}
.workplace .container .image.active { border-color:#008000;}
.workplace .container .wfi {background-color: #FFF;border-style: solid;border-width: 1px;display: inline-block;height: auto;line-height: 32px;margin-bottom: 4px;width: 100%;}
.workplace-wfi-activate { border: 2px solid #c8d7c6; padding: 5px;margin-top:5px; background-color: #FFF; }
.workplace .container .presence {border-style: solid;border-width: 1px;cursor: pointer;display: block;height: auto;line-height: 32px;text-align: center;width: 100%;}
.workplace .container .present {background-color: #008000;display: block;}
.workplace .container .absent {background-color: #FF0000;display: block;}
.workplace .mobilemenu a.btn {background-size: 32px 32px;}

.hide {display:none!important;visibility:hidden;}
/*.active {border-color:green!important;border-width:2px!important;opacity:1!important;}*/
.active-employee-container {margin-bottom:20px;}

.activewfi {display: table-cell; padding-left: 2px;vertical-align: top;width: 100%;}
.bottom {margin: 20px 0px 20px 0px;}

.dropit {list-style: none outside none;margin: 0;padding: 0;}
.dropit .dropit-trigger {position: relative;}
.dropit .dropit-submenu {position: absolute;top:10px;right:0;z-index:1000;display:none;min-width:100px;list-style:none;padding:0;margin:0;}
.dropit .dropit-open .dropit-submenu { display: block; }
       .activewfi-container {}
        .newwfi-container {}
        .top-container {}
        .status-container {}
        .bottom-container {}
.vertical-space {padding: 8px 0px 8px 0px;}
.action-button-container {margin: 20px 0px 20px 0px;}
select.selected { outline:none; border:1px solid #006400; box-shadow:0px 0px 6px #006400; -moz-box-shadow:0px 0px 6px #006400; -webkit-box-shadow:0px 0px 6px #006400; }      
.scan {background-color: #FFF;padding: 5px;  border: 2px solid #c8d7c6;}
.mobilemenu a.btn {background-image: url("images/menu.png");display: block;height: 32px;width: 32px;}
.mobilemenu ul {display:none;}
.mobilemenu ul.dropit-submenu {background-color: #FFF;border: 1px solid #B2B2B2;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);margin: 0 0 0 1px;padding: 0;z-index: 99;}
.mobilemenu ul.dropit-submenu a { display: block;line-height: 45px;padding: 0 4px;text-decoration: none;cursor:pointer;}
.mobilemenu ul.dropit-submenu a:hover {text-decoration:none;background-color:#eee;}
.tab {margin-right:20px;}

/*a.download {display:block;padding:12px 40px 12px 0;font-weight:bold;height:auto;text-decoration:none;color:#505050;}*/
a.download{background-image: url(images/download1.png); background-position: right top 8px;  background-repeat: no-repeat;  border-bottom: 1px dotted;  min-height: initial; margin: 0px 0px 4px 0px; width: 100%; display: inline-block; padding: 10px 0px;}
a.download:hover {text-decoration: underline;color:#ff5e21;background-image: url(images/download2.png);}
a.download img {float:right;}
a.download img.thumb {float: left; max-width:900px;}
a.download.image-lightbox {color: transparent;  }
ul.downloadlist {border-top:1px dotted #D7D8D8;max-width:560px;}
li.download {border-bottom:1px dotted #D7D8D8;margin-left:-40px;list-style-type:none;padding-left:10px;}
Error_Title { font-family: "MV Boli"; font-size: 30px; font-weight: bold; font-style: normal; font-variant: normal; text-transform: uppercase; color: #00FF00; text-decoration: underline overline line-through; }
Error_Message { }
/*td a#ctl00_ContentPlaceHolder_ArticleSearch_ListView_ctrl0_GridItem_LB_AddToBasket {color: #FFF; cursor: pointer; background-color: #7D7D7D; text-decoration: none; padding: 5px; border: 1px solid #474745; border-radius: 3px; border-bottom: 1px solid #326b2d; -moz-box-shadow: inset 0 1px 0 #c8d7c6; -webkit-box-shadow: inset 0 1px 0 #c8d7c6; }*/
td .ProductCatalogAddToCart {color: #FFF; cursor: pointer; background-color: #7D7D7D; text-decoration: none; padding: 5px; border: 1px solid #474745; border-radius: 3px; border-bottom: 1px solid #326b2d; -moz-box-shadow: inset 0 1px 0 #c8d7c6; -webkit-box-shadow: inset 0 1px 0 #c8d7c6; }
td a#ctl00_ContentPlaceHolder_ArticleSearch_ListView_ctrl0_GridItem_LB_AddToBasket:hover {color:#FFF; background-color:#474745;}
.WFSDivLeft { margin: 10px;float: left;width: 325px;font-weight:normal}
.WFSDivRight {margin: 10px;float: left;width: 600px;font-weight:normal}
.WFSLable{margin-right: 0px;float: left;width:121px}
.WFSHyperlinks {float: left;margin-left: 0px; padding-right: 5px;}
.WFSHyperlindTitle {float:left;}
.WFSStatus {float: left;margin-left: 0px;font-weight: bold;color: #474745;}
.WFSID {float: left;font-weight: bold;color: #474745;}
.ChangePasswordError {color: red;margin: 20px;float: left;}
.ValidationError {color: red;}
.Register .ApproveByRelation {border-style:solid; border-width:1px; border-radius:8px; margin: 0px 2px 0px 0px; padding: 0px 1px 20px 1px;}
.Register .Left.Selected {background-color: #7D7D7D;}
.Register .Left a, .Register .Left:hover {text-decoration:none;}
.Register .Left.Selected a,.Register .Left.Selected a:hover {color: #FFF;text-decoration:none;}
.Required.Hide { background-image:none !important;display:inline-block !important;visibility:visible;}
.Left { float: left; }
.Right { float: right; }
div.columns { display:block;}
.Register .Columns.Header .Col {font-weight: bold;}
.Register fieldset { margin: 4px 0px 8px 0px;padding: 8px 2px 8px 2px;border-style:solid;border-width:1px;border-radius:4px; border-color:#7D7D7D;}
.Register a, .Register a:hover {font-weight:normal;}

.Register .Col-headercreatedate {float:left !important;width:130px;font-weight:bold;}
.Register .Col-headercompanyname {float:left !important;width:190px;font-weight:bold;}
.Register .Col-headerperson {float:left !important;width:170px;font-weight:bold;}
.Register .Col-headerstatus {float:left !important;width:110px;font-weight:bold;}
.Register .Col-headerprocessby {float:left !important;width:300px;font-weight:bold;}
.Register .Col-headerapprovebefor {float:left !important;width:120px;font-weight:bold;}

.Register .Col-createdate {float:left !important;width:130px;}
.Register .Col-companyname {float:left !important;width:190px;}
.Register .Col-person {float:left !important;width:170px;}
.Register .Col-status {float:left !important;width:110px;}
.Register .Col-processby {float:left !important;width:300px;}
.Register .Col-approvebefor {float:left !important;width:120px;}
.Register .Col-delete{float:right;margin-right:10px;}


.Left .width { width: 90px;}
div.columns div { float: left; display: block; }
div.Col { width: 120px; display: block; float: left; }
div.clear { clear: both;}
.Expired { min-height: 33px; background-color: #f00; width: 100%; padding: 4px 0px 0px 0px; margin: 0; height: 100%; color:white; }

/* New User Registration*/
.NewUuserRegistration {}
.NewUserRegistration .Header {}
.NewUserRegistration .Titile {font-size:16px}
.NewUserRegistration .Field { margin: 10px;float: left;}
.NewUserRegistration .Button {width: 163px !important; margin: 5px 0px 5px 10px;line-height:12px;}

.NewUserRegistration .leftcontent {float:left;width: 48%;margin-left: 0px;border:1px solid; height:100%;}
.NewUserRegistration .rightcontent { float:right;width:48%;border:1px solid;height:100%;}
.NewUserRegistration .header-container {border:1px solid;margin-top: 10px;margin-bottom: 10px;}
.NewUserRegistration .content-container { height:500px;}


.RelationPersonSpace {float:left; width:10px;}
.RelationPersonDetailField {float:left;width:350px;}

.attachedarticles-container {}
.attachedarticles-header-label {font-weight: bold;margin-bottom:5px;}
.attachedarticles-header-object {margin-top: 5px; margin-bottom: 5px; font-weight: bold;}
.WebPageDetail  .Field .FieldDescr{width:200px;}
.TitleDescr {font-weight:bold;font-size:15px;}

.Address, .address { width: 100%;display: block;}
.AddLocationDefault {width: 100%;display: block;}
.AddLocationDefault .centix-descr, .centix-url{ width: 280px !important;}
.AddLocationDefault .centix-descr, .centix-long-url{ width: 500px !important;}
.AddLocationDefault .centix-textarea {width: 500px !important;}
.imgdetail {max-width:200px;height:auto}
/*Object detail - Location Tab*/
/* - Header */
.ObjectDetail .object-location .container {font-weight: bold; }
/*- Data row */
.ObjectDetail .object-location .Left { width: 20%; }
.ObjectDetail .centix-label.object-type-id {display: none;}

/*Object info control container*/
.ObjectInfo {margin: 0px 0px 20px 0px; font-weight:bold; font-size:16px;}

/*Object info control lables*/
.ObjectInfo span {float:left; margin:0px 8px 0px 0px;}

/*Documents*/
.Documents { }

/*Document group (document kind)*/
.Documents .Group {font-weight:bold;}

/*Documents item container*/
.Documents .Items {margin:0px 0px 10px 10px;}

/*Documents item*/
.Documents .Item { background-image:url('images/desc.png'); background-position:right; background-repeat:no-repeat; border-bottom:1px dotted; min-height:initial; margin:0px 0px 4px 0px;}

/*Documents item link*/
.Documents .Items .Item a{display:block;}

/*Compare products link*/
.Compare-Products { color: #fff;}
.Compare-Products:hover { color: #fff;}

/*Clear selected compare products*/
.Compare-Clear { background-image:url('images/delete-small.png'); height:16px; width:16px; display:inline-block; background-size: 16px; }

/* Image Toolbar styles */
/* Toolbar */
.imagetoolbar-container { height:25px; width:100%; min-width:200px;}

/* Toolbar items */
.imagetoolbar-item {background-repeat:no-repeat; background-position:center; display:inline-block; float:left; width:32px; height:100%;}

/* Toolbar item divider */
.imagetoolbar-item-divider {width:3px;}

/* Toolbar item - clear style */
.imagetoolbar-clear {background-image:url('images/delete.png');background-size: 24px;}

/* Toolbar item - upload style */
.imagetoolbar-upload-edit {background-image:url('images/edit.png'); background-size: 24px;}
.imagetoolbar-upload-add {background-image:url('images/add.png'); background-size: 24px;}

.ResultNote {height:150px;width:200px;}


/*ListView EmptyDataTemplate & EmptyItemTemplate*/
.empty {
}

/**************************************************************************************************************/
/* Generic detail page style  */
.detail-head.two-columns .Left.Container a.image-lightbox { display: block; max-width: 200px}
.detail-head.two-columns .Left.Container:nth-of-type(1)  { max-width: 200px; }
.detail-head.two-columns .Left.Container:nth-of-type(2) { width:74%;margin-left:2%;padding:4px;float:right; }
.detail-head::after,.detail-head::before, .Detail,.detail .ui-tabs::after, .detail .centix-tabs::after,.detail .ui-tab::after,.detail .centix-tab::after, .Field::after, .error-bar::before{
    clear:both;
    content:"\0020";
    display:block;
}
.detail-head::after,.detail .centix-tabs::after,.detail .centix-tab::after {clear:both; content:"\0020"; display:block;}

/*Generic menu bar style*/
.detail .menu-bar { background-color: lightgray;margin-bottom: 10px;}
.detail .menu { width: 100%; height: 100%;  }                      
.detail .menu .menu-item a {display:block;height:27px;line-height:27px;width:100%;} /*Fill link*/
.detail .menu .menu-item { font-weight:bold;height:100%;min-width:120px;text-align: center; }
.detail .menu .menu-item-active { background-color: #504e53 !important; color: #FFF !important;  }
.detail .menu .menu-item-hover { }

.detail .menu-bar.edit-menu {background:none;border:none;}

/*Generic tab bar style*/
.detail .tab-bar .tabbar { margin: 0px 0px 10px 0px; padding: 0px; width: 100%!important;}
.detail .tab-bar .tabbar ul { margin: 0px; padding: 0px; width: 100% !important; display:table; table-layout: fixed;}
.detail .tab-bar .tabbar ul li {display: table-cell; width: auto; float:none !important;}
.detail .tab-bar .tabbar ul li a.menu-item {font-weight: bold; background-color: lightgray; width: 100%; margin: 0px; padding: 10px 0px !important; text-align: center;}
.detail .tab-bar .tabbar ul li a.menu-item.selected {padding: 10px 0px !important; background-color: #504e53; color:#fff; }

/*Generic detail tabs style*/
.detail .ui-tabs .ui-tab { }
.detail .centix-tabs .centix-tab { }

.detail .ui-tab .row { border-bottom: dotted  1px; margin: 0;}
.detail .centix-tab .row { border-bottom: dotted  1px; }

.detail .ui-tab .row div.Left { width:100%; margin: 0;}
.detail .centix-tab .row div.Left { width:100%; }

.detail .ui-tab.two-columns .row div.Left:first-child { margin-right:4px;width:20%;font-weight:bold;}
.detail .ui-tab.two-columns .row div.Left:nth-of-type(2) { width:60%;}

.detail .centix-tab.two-columns .row div.Left:first-child { margin-right:4px;width:20%;font-weight:bold;}
.detail .centix-tab.two-columns .row div.Left:nth-of-type(2) { width:60%;}

.detail .ui-tab.three-columns .row div.Left:first-child, .detail .centix-tab.three-columns .row div.Left:first-child { margin-right:4px;width:20%;font-weight:bold;}
.detail .ui-tab.three-columns .row div.Left:nth-of-type(2), .detail .centix-tab.three-columns .row div.Left:nth-of-type(2) { width: 50%;  }
/*.detail .ui-tabs .ui-tab.three-columns .row div.Left:nth-of-type(3) { width:75%;}*/
/*.detail .ui-tab.three-columns .row div.Left:nth-of-type(2),.detail .ui-tabs .ui-tab.three-columns .row div.Left:nth-of-type(3) { width:30%;}*/

/*.detail .centix-tab.three-columns .row div.Left:first-child { margin-right:4px;width:20%;font-weight:bold;}
.detail .centix-tab.three-columns .row div.Left:nth-of-type(2){ width:50%;}*/
/*.detail .centix-tabs .centix-tab.three-columns .row div.Left:nth-of-type(3) { width:75%;}*/
/*.detail .centix-tab.three-columns .row div.Left:nth-of-type(2),.detail .centix-tabs .centix-tab.three-columns .row div.Left:nth-of-type(3) { width:30%;}*/

.detail .ui-tab.four-columns { }
.detail .ui-tab.four-columns .row { margin-top: 10px; }
.detail .ui-tab.four-columns .row div.Left:first-child { margin-right: 4px; width: 15%; font-weight: bold; }
.detail .ui-tab.four-columns .row div.Left:nth-of-type(2) { width: 33%; } 
.detail .ui-tab.four-columns .row div.Left:nth-of-type(3) { margin-right: 4px; width: 15%; font-weight: bold; }
.detail .ui-tab.four-columns .row div.Left:nth-of-type(4) { width: 33%; }

.detail .centix-tab.four-columns { }
.detail .centix-tab.four-columns .row { margin-top: 10px; }
.detail .centix-tab.four-columns .row div.Left:first-child { margin-right: 4px; width: 15%; font-weight: bold; }
.detail .centix-tab.four-columns .row div.Left:nth-of-type(2) { width: 33%; }
.detail .centix-tab.four-columns .row div.Left:nth-of-type(3) { margin-right: 4px; width: 15%; font-weight: bold; }
.detail .centix-tab.four-columns .row div.Left:nth-of-type(4) { width: 33%; }

/* Generic collapsible panel style*/
.collapsible-panel-header{ min-height:30px; color: #505050; border-bottom:1px solid #505050; font-weight: bold;background-image: url(images/min.png); background-repeat:no-repeat ; background-position: right; background-size: 22px 22px ;line-height: 30px; cursor:pointer; text-transform:uppercase; }
.collapsible-panel-content .row div.Left{font-weight:normal !important; margin-left:8px; }
.collapsible-panel-header.collapsed {background-image: url(images/plus.png); background-repeat:no-repeat; background-position: right; background-size: 22px 22px; }

.detail-head.two-columns .Left.Container div.row:nth-child(even) {}
.detail-head.two-columns .Left.Container div.row:nth-child(odd) {background-color: #f1f1f1;}

.detail-head.two-columns h1 { margin-top:0px;}

/*Productdetail.aspx - overrule default style*/
.ProductDetail.detail .ui-tabs .ui-tab .row { border-bottom: none; }
.ProductDetail.detail .centix-tabs .centix-tab .row { border-bottom: none; }

/* Workflowdetail.aspx / WFIDetail.aspx - overrule menu item min-width*/
.WorkFlowDetail.detail .menu a {min-width:100px;}



/********************SEARCH.ASPX*****************************/
.search {width:100%;}
.search.two-columns .column1 {float:left; width:20%;}
.search.two-columns .column2 {float:left; width: 80%;}
.search.two-columns .column2::after {clear:both;}


.data-pager-bar {margin:20px 0px 20px 0px;text-align:center;}
.data-pager-pagesize {margin-left: 10px;width:50px;padding:0;height:auto;}
.data-pager-page {  }
.data-pager-page-active { font-size:16px; font-weight:bold }

.ui-search-box { height:29px;border:solid 1px #bbb;padding:1px;}
.ui-search-box input,.ui-search-box input:hover {float:left;width:190px;border:none;height:100%;padding:0px 0px 0px 3px;}
.ui-search-box .centix-button {width:32px;float:right;height:100%;background-image:url('Images/Search.png'); background-position:center; background-color:#fff; background-repeat:no-repeat;border:none;}
.ui-search-box .centix-button:hover {width:32px;float:right;height:100%;background-image:url('Images/Search.png'); background-position:center; background-color:#fff; background-repeat:no-repeat;border:none;}
.search .ui-search-box {display: none;}

.side-navigation {list-style:none; margin:0;padding:0;max-width:95%; }
.side-navigation li {border-bottom:1px dotted;padding: 5px 0 5px 10px; margin:0;}
.side-navigation .item-seperator {border-bottom: none; padding: 10px 0 10px 10px;}
.search-results { list-style:none; margin:0;padding:0; }

.search .item-list h3 { font-size: 138.462%; margin: 0; padding: 0 0 5px 0;line-height: 120%; display:block; }
.search .item-list li {position:relative; min-height:45px; border-bottom: 1px dotted #b0b2b2; padding: 15px 0 15px 0;}
.search .item-list p {margin:0; padding:0; }

.search .item-list li.has-thumb,.search .item-list li.no-thumb  { padding-left:10%;}
.search .item-list div.thumb,.search .item-list div.no-thumb { position: absolute; top: 10px; left: 0; width: 30%; max-height: 100px; }
.search .item-list .search-result-page-item  div.no-thumb  {background-image:url('images/thumb-page.png'); background-repeat:no-repeat; width:60px; height:60px;}
.search .item-list .no-thumb img {display:none;}


.search .item-list .thumb img { max-width:100px; max-height:55px;}
.search .item-list li::before, .item-list li::after {content:"\0020";display:block;height:0; overflow:hidden; }
.search .item-list::after {clear:both; }
.search .umbrella { position: absolute; width: 100%;height: 100%; left: 0; top: 0; text-indent: -9999em; background-image: url(data:image/png;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

/************************************ NEW GENERIC CENTIX STYLES**********************/
.centix-button {color: #fff; cursor: pointer;  background: #666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; padding:6px; border:none; display:inline-block; text-decoration:none; text-align:center; } 
.centix-button:hover {color:#fff;background: #333; text-decoration: none; }
input.centix-spinner { border:none;padding:0; }
input.centix-spinner:hover { border:none; }
.title-bar{font-weight:bold;}

/*.centix-timepicker{width:50px;}*/
.centix-datepicker{width:75px;}
.centix-spinner {width:50px;}
.centix-fieldset {border:solid 1px #C0C0C0;padding:10px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;margin:8px 0px 8px 0px;}
.centix-fieldset .centix-fieldset-legend {font-weight:bold;}
.centix-download { border: none;max-width:560px; display:block;padding:0px 40px 0px 0;height:auto;text-decoration:none;background-image:url('images/download1.png'); background-repeat:no-repeat; background-position:right; }
.centix-download:hover {text-decoration: underline !important;background-image:url('images/download2.png');}
.centix-download img {float:right;}
.centix-controlgroup{}
a.aspNetDisabled{text-decoration:none;}
.centix-textarea { height:66px; overflow-y: scroll; }
.centix-descr, .centix-url {width:500px;}
.centix-descr-lg { width: calc(100% - 140px); }
.centix-wizard {width:100%;position:relative;}
.centix-wizard-cancel.document-wizard {position:absolute;  left:0px; }

/************************************************************************************/

/************************* DEFAULT DETAIL - STYLE ***********************************/
.detail .item-label {float:left;width:140px;display:inline-block;}
.detail .item-content::after { clear: both; content: "\0020"; display: block; }
.detail .item-content{ float:none !important;}

/************************************************************************************/


/***************************** DEFAULT SEARCH BAR STYLE ************************************/
.search-bar { background-color: #eaecea; margin-top: 10px; }
.button-bar { border-top: solid 1px #504e53; padding: 8px 0px 8px 0px; margin: 8px 0px 0px 0px; }
.search-bar.collapsible-panel-header { border-bottom: solid 1px #eaecea; background-color: #504e53; background-position: right 4px bottom 4px; }
.search-bar.collapsed.collapsible-panel-header { background-position: right 4px bottom 4px; }
.search-bar.collapsible-panel-content { border: none; padding: 8px; }
.search-bar .search-result { display: inline-block; }
.search-bar .button-bar { height: 30px; box-sizing: content-box; }
.search-input { }
.search-input .column, .search-input .group { float: left; }
.search-input .group .column.input { width: 100%; }
.search-input .group .column.input::after{clear: both;  content: "\0020";  display: block;}
.search-input .group .column.label::before{clear: both;  content: "\0020";  display: block;}

.search-bar-title { color: white; font-size: 12px; margin: 10px; text-transform: none; }
.search-bar .search-input .group:first-of-type { width: 100% !important; margin-bottom: 10px; }
.search-bar .search-input .group:first-of-type .column.label { width: 10%; }
.search-bar .search-input .group:first-of-type .column.input input { width: calc(100% - 14px); }
.search-bar .search-input .group:first-of-type:after {clear:both; content:"\0020"; display:block;}
/*.search-bar .search-input .group:first-of-type:after { clear: both; display: block; }*/

.search-input .column.label { min-width: 120px; }
.search-input::after, .button-bar::before,.detail .button-bar::before, .button-bar::after { clear: both; content: "\0020"; display: block; }
/*.search-input::after, .button-bar::before, .button-bar::after { clear: both; display: block; }*/
.search-bar .button-bar .centix-button ,.button-bar .centix-button{ min-width: 100px;}
.button-bar .centix-button { margin:0px 4px 0px 0px; }

.button-bar .change-view-button { float: right; }
.change-view-button.active-view { border: solid 1px #504e53; }
.change-view-button.list-view { background: url('images/list.png'); background-size: 32px 32px; width: 32px; height: 32px; cursor: pointer; }
.change-view-button.grid-view { background: url('images/grid.png'); background-size: 32px 32px; width: 32px; height: 32px; cursor: pointer; }
.change-view-button.tile-view { background: url('images/tiles.png'); background-size: 32px 32px; width: 32px; height: 32px; cursor: pointer; }
/********************************************************************************/


/**************************** DEFAULT ITEM LIST STYLE ***********************************/
.item-list {}
.item-list a:hover {text-decoration: none; }

/*empty span should keep same height as a filled span (inject space char)*/
.item-list span:empty:before {
  content: "\00a0";
}

/*Force word wrap*/
.item-list .list-item{ -ms-word-break: break-all; word-break: break-all;  /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto;  -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.list-header{ background-color:#504e53;color:#fff;padding:0px 4px 0px 4px; height:22px;line-height:22px;}
.list-content{padding:0px 4px 0px 4px;}


/*.list-item {min-width:100px;}*/
/*.item-label {margin:0px 5px 0px 0px;}*/
.list-item-link {display:inline-block;border-bottom:dotted 1px #504e53;width:100%; min-height:20px;text-decoration:none;padding:2px 0px 2px 0px;}
.list-item-link::after, .list-header::after{ clear:both; content:"\0020"; display:block;}
.list-item .thumb {margin:4px; }
.list-item .thumb .centix-image {max-width:75px; max-height:75px;}

.list-header .list-item {float: left;}
/********************************************************************************/

/*--------------------- ITEM LIST - GRID VIEW STYLE ------------------------*/
.item-list.grid-view .list-content .list-item.item-label {display:none !important;}
.item-list.grid-view .item-content {float:left !important;}
.item-list.grid-view .list-item .centix-multiline {white-space:nowrap !important;}
.item-list.grid-view .list-item { min-height: 1px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.item-list.grid-view .list-header .list-item { width: auto; }
.item-list.grid-view .thumb {width: 75px;display:none;}
.objectsearch .item-list.grid-view .list-header .list-item.item-content .object-selectAll{display: inline !important;width:90px;}
/*--------------------------------------------------------------------------*/

/*--------------------- ITEM LIST - LIST VIEW STYLE -------------------------*/
.item-list.list-view .list-content .list-item.item-label {float:left;}
.item-list.list-view .list-content .item-content::after { clear:both; content:"\0020"; display:block;}
.item-list.list-view .list-header .list-item.item-label {display: none !important;}
.item-list.list-view .thumb {width: 75px;display:none;}
.objectsearch .item-list.list-view .list-header .list-item.item-content .object-selectAll{display: inline !important;width:90px; }

/*--------------------------------------------------------------------------*/

/*---------------------- ITEM LIST - TILE VIEW STYLE -----------------------*/
.item-list.tile-view .list-content .list-item.item-label {float:left;}
.item-list.tile-view .list-content .item-content::after, .item-list.tile-view .list-content::after { clear:both; content:"\0020"; display:block;}
.item-list.tile-view .list-header .list-item.item-label {display:none !important;}
.item-list.tile-view .list-item-link {width:30%;  height:300px; float:left;border:solid 1px #eaecea; margin:4px; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; padding:4px; }
.item-list.tile-view .list-item-link:hover {border-color: #504e53;}
.objectsearch .item-list.tile-view .list-header .list-item.item-content .object-selectAll{display: inline !important;width:90px;}
/*--------------------------------------------------------------------------*/


/*************************OBJECTSEARCH ******************************************/
/*   - ObjectSearch - Searchbar ***/
.objectsearch .search-bar .search-input .group.objectsearch,.objectsearch .search-bar .search-input .group.locationsearch {width:37.5%;}
.objectsearch .search-bar .search-input .group.objectsearch.full {width:75%;}
.objectsearch .search-bar .search-input .group.objectsearch.full .column.input {width: 50%; }
.objectsearch .search-bar .search-input .group.objectsearch .column.input:first-of-type input:first-of-type, .objectsearch .search-bar .search-input .group.locationsearch .column.input:first-of-type input:first-of-type {width: 98%; }

.objectsearch .search-bar .search-input .group.searchoptions{float:right;width:25%;}
.objectsearch .search-bar .search-input .group .column {float:left;}

.objectsearch .search-bar .search-input .column.input select {width:100%;}
.objectsearch .object-brand-id, .objectsearch .object-type-id { display: none; } /* default hide type- and brand id*/
.objectsearch .object-brand-descr, .objectsearch .object-type-descr { display: inline; } /* default show type- and brand descr*/

/*   -------- ObjectSearch - ITEM LIST - GRID-VIEW --------- */
/*   -- HIDDEN COLUMNS*/
.objectsearch .item-list.grid-view .object-serialno { display: none; }
.objectsearch .item-list.grid-view .object-owner { display: none; }
.objectsearch .item-list.grid-view .object-status { display: none; }
.objectsearch .item-list.grid-view .object-location-descr { display: none; }
.objectsearch .item-list.grid-view .object-location-descr2 { display: none; }
.objectsearch .item-list.grid-view .object-location-quantity { display: none; }

.objectsearch .item-list .item-select { width: 20px; display:inline-block; float:left; }
.objectsearch .item-list.grid-view .list-header .object-selectall{ width: 90px;margin-top:0px;}

/*   -- REPOSITION COLUMNS*/
/*.objectsearch .object-selectall{float:left;margin:50px -7px 0px -4px;}*/
.objectsearch .object-selectall { margin: 0px 0px 0px 0px; height: 20px;}
.objectsearch .item-list.grid-view .object-select { float:left;width: 70px;}
.objectsearch .item-list.grid-view .object-selectAll { float:left;width: 70px; }
.objectsearch .item-list.grid-view .object-id { width: 140px; }
.objectsearch .item-list.grid-view .list-content { vertical-align: top; }
.objectsearch .item-list.grid-view .list-content .item-content.object-id { width: 140px; float: left; margin: 0px 0px 0px 0px; }
/*.objectsearch .item-list.grid-view .object-descr { width: 220px; }*/
.objectsearch .item-list.grid-view .object-descr { width: 150px; }
/*.objectsearch .item-list.grid-view .list-content .item-content.object-descr { float: left; margin: 0px 0px 0px -670px; }*/
.objectsearch .item-list.grid-view .list-content .item-content.object-descr { float: left; margin: 0px 0px 0px -550px; }
/*.objectsearch .item-list.grid-view .object-descr2 { width: 150px; }*/
.objectsearch .item-list.grid-view .object-descr2 { width: 140px; }
/*.objectsearch .item-list.grid-view .list-content .item-content.object-descr2 { float: left; margin: 0px 0px 0px -450px; }*/
.objectsearch .item-list.grid-view .list-content .item-content.object-descr2 { float: left; margin: 0px 0px 0px -400px; }
/*.objectsearch .item-list.grid-view .object-objecttype { width: 100px; }*/
.objectsearch .item-list.grid-view .object-objecttype { width: 100px; }
/*.objectsearch .item-list.grid-view .list-content .item-content.object-objecttype { float: left; margin: 0px 0px 0px -300px; }*/
.objectsearch .item-list.grid-view .list-content .item-content.object-objecttype { float: left; margin: 0px 0px 0px -260px; }
/*.objectsearch .item-list.grid-view .object-brand { width: 100px; }*/
.objectsearch .item-list.grid-view .object-brand { width: 80px; }
/*.objectsearch .item-list.grid-view .list-content .item-content.object-brand { float: left; margin: 0px 0px 0px 470px; }*/
.objectsearch .item-list.grid-view .list-content .item-content.object-brand { float: left; margin: 0px 0px 0px 391px; }
/*.objectsearch .item-list.grid-view .object-type { width: 100px; }*/
.objectsearch .item-list.grid-view .object-type { width: 80px; }
.objectsearch .item-list.grid-view .list-content .item-content.object-type { float: left; }
/*.objectsearch .item-list.grid-view .object-mivaliduntildate { width: 112px; text-align: right; }*/
.objectsearch .item-list.grid-view .object-mivaliduntildate { width: 125px; text-align: right; }
.objectsearch .item-list.grid-view .list-content .item-content.object-mivaliduntildate { float: left; text-align: right; }
.objectsearch .item-list.grid-view .list-content .item-content.object-mivaliduntildate .centix-label { width: 90%; display: inline-block; }
.objectsearch .item-list.grid-view .object-mistate { min-width: 60px !important; width: 60px; margin: 0px 0px 0px 30px; }
.objectsearch .item-list.grid-view .list-content .item-content.object-mistate { float: left; }

.objectsearch .item-list.grid-view .object-detach { min-width: 85px !important; width: 90px; margin: 0px 0px 0px 12px; }
.objectsearch .item-list.grid-view .list-content .item-content.object-detach { float: left; }
.objectsearch .item-list.grid-view .object-delete { min-width: 65px !important; width: 65px; margin: 0px 0px 0px 12px; }
.objectsearch .item-list.grid-view .list-content .item-content.object-delete { float: left; }

/*--------------------------------------------------------------------------*/

/*   -------- ObjectSearch -- ITEM LIST -- LIST-VIEW --------- */
.objectsearch .item-list.list-view .thumb { float: left; display: inline-block !important;margin-right:5px; }
.objectsearch .item-list.list-view .list-column { float: left; width: 25%; }
.objectsearch .item-list.list-view .list-column:nth-of-type(3) { float: left; width: 30%; }
.objectsearch .item-list.list-view .list-column:nth-of-type(4) { float: left; width: calc(35% - 20px); }
.objectsearch .item-list.list-view .list-column:nth-of-type(5) { float: left; width: 13%; margin: 0px 0px 0px 8px; }
.objectsearch .item-list.list-view .list-column:nth-of-type(5) .list-item { float: none; }
.objectsearch .item-list.list-view .list-content .item-label.object-id { display: none; }
.objectsearch .item-list.list-view .list-content .object-select {float: right; margin: 2px 5px 0px 0px; }
.objectsearch .item-list.list-view .list-header .object-selectAll{display: inline !important;width:90px;margin-left:10px;float:left;}
.objectsearch .item-list.list-view .list-content .item-label.object-mivaliduntildate {margin-right:25px;min-width:120px;}
.objectsearch .item-list.list-view .list-content .item-label.object-mistate {margin-right:25px;min-width:120px;}
.objectsearch .item-list.list-view .list-content .item-label.object-detach {margin-right:25px;min-width:120px;}
.objectsearch .item-list.list-view .list-content .item-label.object-delete {margin-right:25px;min-width:120px;}
--------------------------------------------------------------------------

/*   -------- ObjectSearch -- ITEM LIST -- TILE-VIEW --------- */
.objectsearch .item-list.tile-view .item-label {display:none;}
.objectsearch .item-list.tile-view .list-item-link {border:none !important;width:23%;}
.objectsearch .item-list.tile-view .thumb {position:relative; width:100%; height:180px;border:solid 1px #eaecea; margin:0px; text-align:center;}
.objectsearch .item-list.tile-view .thumb:hover {border-color: #504e53;  }
.objectsearch .item-list.tile-view .thumb .centix-image {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;  }
.objectsearch .item-list.tile-view .list-content .item-content.object-id {margin:5px 0px 0px 0px; font-weight:bold;}
.objectsearch .item-list.tile-view .list-content .item-content.object-owner {margin:0px 0px 0px 0px;}
.objectsearch .item-list.tile-view .list-content .item-content.object-mivaliduntildate {margin:10px 0px 0px 0px;}
.objectsearch .item-list.tile-view .list-content .object-select {margin: 6px -4px -5px 3px; float:right; }
.objectsearch .item-list.tile-view .list-header .object-selectAll{display: inline !important;width:90px;margin-left:10px;float:left;}

/*   -- HIDDEN COLUMNS--*/
.objectsearch .item-list.tile-view .object-serialno {display:none;}
.objectsearch .item-list.tile-view .object-descr2 {display:none;}
.objectsearch .item-list.tile-view .object-objecttype {display:none;}
.objectsearch .item-list.tile-view .object-brand {display:none;}
.objectsearch .item-list.tile-view .object-type {display:none;}
.objectsearch .item-list.tile-view .object-status {display:none;}
.objectsearch .item-list.tile-view .object-location-descr {display:none;}
.objectsearch .item-list.tile-view .object-location-descr2 {display: none;}

/*  -- SHOW COLUMNS--*/
.objectsearch .item-list.tile-view .list-content .item-label.object-nextinspectiondate, .objectsearch .item-list.tile-view .list-content .item-label.object-mivaliduntildate{display:inline !important;min-width:120px;}
.objectsearch .item-list.tile-view .list-content .item-label.object-mistate{display:inline !important;min-width:120px;}
/*--------------------------------------------------------------------------*/

/********************************************************************************/
/*  ---- LOCATION-SEARCH ---- COLUMNS ---- */
.locationsearch .search-bar .search-input .group {width:30%;}
.locationsearch .search-bar .search-input div.group:nth-of-type(3) {width:40%;}
.locationsearch .search-bar .search-input .column.input select {width:100%;}
.locationsearch .item-list .item-select { width: 20px; display:inline-block; float:left; }

.locationsearch .location-selectall { margin: 2px 0px 0px 0px; height: 20px;}
.locationsearch .item-list.grid-view .location-select { float:left;width: 70px;}
.locationsearch .item-list.grid-view .location-selectAll { float:left;width: 70px; }

/*   ----  LOCATION-SEARCH -- GRID-VIEW -- */
.locationsearch .item-list.grid-view .location-id {width:150px;}
.locationsearch .item-list.grid-view .location-descr {width:250px;}
.locationsearch .item-list.grid-view .location-descr2 {width:250px;}
.locationsearch .item-list.grid-view .location-status {width:100px;}
.locationsearch .item-list.grid-view .location-locationtype {width:120px;}
.locationsearch .item-list.grid-view .location-locationowner{ display:none;}

/*   ---- LOCATION-SEARCH -- LIST-VIEW  -- */
.locationsearch .item-list.list-view .thumb {float:left;display:inline-block !important;}
.locationsearch .item-list.list-view .list-column:nth-of-type(2) {float: left;width: 30%;}
.locationsearch .item-list.list-view .list-column:nth-of-type(3) {float: left;width: 35%;}
.locationsearch .item-list.list-view .list-column:nth-of-type(4) {float: left;width: 25%;}
.locationsearch .item-list.list-view .list-content .item-label.location-id { display:none;}
.locationsearch .item-list.list-view .list-content .item-label.location-descr { display:none;}
.locationsearch .item-list.list-view .list-content .item-label.location-descr2 { display:none;}
.locationsearch .item-list.list-view .list-content .item-label{ width: 125px;}
.locationsearch .item-list.list-view .list-content .item-label.location-hasobjects { width: 125px;}
/* ---- LOCATION-SEARCH -- TILE-VIEW  -- */
.locationsearch .item-list.tile-view .item-label {display:none;}
.locationsearch .item-list.tile-view .list-item-link {border:none !important;width:31%;}
.locationsearch .item-list.tile-view .thumb {position:relative; width:100%; height:180px;border:solid 1px #eaecea; margin:0px; text-align:center;}
.locationsearch .item-list.tile-view .thumb:hover {border-color: #504e53;  }
.locationsearch .item-list.tile-view .thumb .centix-image {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;  }
.locationsearch .item-list.tile-view .list-content .item-content.location-id {margin:-25px 0px 20px 15px; font-weight:bold;}

.locationsearch .item-list.tile-view .list-content .item-label.location-id { display:none;}
.locationsearch .item-list.tile-view .list-content .item-label.location-descr { display:none;}
.locationsearch .item-list.tile-view .list-content .item-label.location-descr2 { display:none;}
.locationsearch .item-list.tile-view .list-content .item-content.location-descr2 { display:none;}
.locationsearch .item-list.tile-view .list-content .item-label.location-status {display:inline-block;width: 110px; }
.locationsearch .item-list.tile-view .list-content .item-content.location-status {margin:10px 0px 0px 0px;}
.locationsearch .item-list.tile-view .list-content .item-label.location-locationtype {display:inline-block; width: 110px;}
.locationsearch .item-list.tile-view .list-content .item-label.location-hasobjects {display:inline-block; width: 110px;}
.locationsearch .item-list.tile-view .list-content .item-label.location-locationowner {display:inline-block; width: 110px;}
.locationsearch .item-list.tile-view .list-content .item-label.location-selectAll {display:inline-block; width: 110px;}

 /*--------------------------------------------------------------------------*/

/********************************************************************************/
/* RELATION-SEARCH  -- REPOSITION COLUMNS--*/
.relationsearch .item-list.grid-view .relation-id { width:130px;margin:0px 0px 0px 1px}
.relationsearch .item-list.grid-view .relation-name { width:180px;margin:0px 0px 0px 1px}
.relationsearch .item-list.grid-view .relation-street { width:150px;margin:0px 0px 0px 1px}
.relationsearch .item-list.grid-view .relation-postalcode { width:70px;margin:0px 0px 0px 1px}
.relationsearch .item-list.grid-view .relation-city { width:70px;margin:0px 0px 0px 1px}
.relationsearch .item-list.grid-view .relation-countrydescr { width:70px;margin:0px 0px 0px 1px}
.relationsearch .item-list.grid-view .relation-status { width:70px;margin:0px 0px 0px 1px}
.relationsearch .item-list.grid-view .relation-phonenr {display:none}
.relationsearch .item-list.grid-view .relation-concernrelation{ width:140px;margin:0px 0px 0px 25px}

.relationsearch .item-list .item-select { width: 20px; display:inline-block; float:left; }
.relationsearch .relation-selectall { margin: 2px 0px 0px 0px; height: 20px;}
.relationsearch .item-list.grid-view .relation-select { float:left;width: 50px;}
.relationsearch .item-list.grid-view .relation-selectAll { float:left;width: 70px;}

/*RELATION-SEARCH     --  LIST-VIEW*/
.relationsearch .item-list.list-view .thumb {float:left;display:inline-block !important;width:25%}
.relationsearch .item-list.list-view .list-column:nth-of-type(2) {float: left;width: 35%;}
.relationsearch .item-list.list-view .list-column:nth-of-type(3) {float: left;width: 25%;}
.relationsearch .item-list.list-view .list-label .relation-city {display:none;}
.relationsearch .item-list.list-view .list-label .relation-phonenr {display:none;}
.relationsearch .item-list.list-view .list-content .relation-postalcode {float:left;min-width:0px;width:55px;}
.relationsearch .item-list.list-view .list-content .relation-phonenr {padding:0px 0px 0px 20px; background-image: url('images/phone.png');background-repeat:no-repeat;}

/*  ---- RELATION-SEARCH -- Tile-VIEW  -- */
.relationsearch .item-list.tile-view .thumb {display:none;}
.relationsearch .item-list.tile-view .list-item-link { height: 180px; }
.relationsearch .item-list.tile-view .item-content .relation-postalcode{float:left}
.relationsearch .item-list.tile-view .list-content .relation-postalcode{float:left;min-width:0px;width:55px}
.relationsearch .item-list.tile-view .list-column:nth-of-type(2) {padding:10px}
.relationsearch .item-list.tile-view .list-column:nth-of-type(3) {float: left;width: 50%;padding:10px;margin-top: -20px}
.relationsearch .item-list.tile-view .list-item.item-label.relation-id {display: none; }
.relationsearch .item-list.tile-view .list-item.item-label.relation-name {display: none; }
.relationsearch .item-list.tile-view .list-item.item-label.relation-street {display: none; }
.relationsearch .item-list.tile-view .list-item.item-content.relation-street {display: none; }
.relationsearch .item-list.tile-view .list-item.item-label.relation-postalcode {display: none; }
.relationsearch .item-list.tile-view .list-item.item-label.relation-city {display: none; }
.relationsearch .item-list.tile-view .list-item.item-label.relation-countrydescr {display: none; }
.relationsearch .item-list.tile-view .list-content .relation-phonenr {padding:0px 0px 0px 20px; background-image: url('images/phone.png');background-repeat:no-repeat;} 
/*--------------------------------------------------------------------------*/

/********************************************************************************/
/* RELATION-DETAIL  -- ADDRESSEN REPOSITION COLUMNS--*/
.relationdetail.detail .centix-tab.address .item-list.grid-view .relation-addressgroup {width:120px;margin:0px 0px 0px 1px}
.relationdetail.detail .centix-tab.address .item-list.grid-view .relation-address {width:330px;margin:0px 0px 0px 1px}
.relationdetail.detail .centix-tab.address .item-list.grid-view .relation-postalcode {width:80px;margin:0px 0px 0px 1px}
.relationdetail.detail .centix-tab.address .item-list.grid-view .relation-city {width:80px;margin:0px 0px 0px 1px}
.relationdetail.detail .centix-tab.address .item-list.grid-view .relation-state {width:80px;margin:0px 0px 0px 1px}
.relationdetail.detail .centix-tab.address .item-list.grid-view .relation-country {width:80px;margin:0px 0px 0px 1px}
.relationdetail.detail .centix-tab.address .item-list.grid-view .relation-status {width:80px;margin:0px 0px 0px 1px}

/*  RELATION-DETAIL  -- ADDRESSEN  -- HIDDEN SEARCH-BAR--*/
.relationdetail.detail .centix-tab.address .search-bar.collapsible-panel-content  .search-input {display:none;}
.relationdetail.detail .centix-tab.address .search-bar.collapsible-panel-content  .button-bar {border:none;}
.relationdetail.detail .centix-tab.address .search-bar.collapsible-panel-content  .centix-button {display:none;}
.relationdetail.detail .centix-tab.address .search-bar.collapsible-panel-content  .search-result {margin-bottom:10px}

/*  RELATION-DETAIL  -- ADDRESSEN  --REPOSITION-- LIST-VIEW  --*/
.relationdetail.detail .centix-tab.address .item-list.list-view .list-column .relation-address{margin-right:5px}
.relationdetail.detail .centix-tab.address .item-list.list-view .list-column .relation-postalcode{float:left;margin-right:5px;margin-right:-40px}

/*  RELATION-DETAIL  -- ADDRESSEN  --REPOSITION-- TILE-VIEW--*/
.relationdetail.detail .centix-tab.address .item-list.tile-view .list-item-link { height:150px; }
.relationdetail.detail .centix-tab.address .item-list.tile-view .list-content .relation-address {margin-right:5px}
.relationdetail.detail .centix-tab.address .item-list.tile-view .list-content .relation-postalcode {float:left;margin-right: -40px}
.relationdetail.detail .relation.readonly .relation-item { border-bottom:none !important;}
/*--------------------------------------------------------------------------*/

/********************************************************************************/
/*  ---- WORKFLOW-SEARCH -- COLUMNS ---- */
.workflowsearch .search-bar .search-input .group {width:30%;}
.workflowsearch .search-bar .search-input div.group:nth-of-type(3) {width:40%;}
.workflowsearch .search-bar .search-input .column.input select {width:100%;}

/*  WORKFLOW-SEARCH  -- HIDDEN COLUMNS--*/
.workflowsearch .item-list.grid-view .workflow-code{display:none;}
.workflowsearch .item-list.grid-view .workflow-object-descr{display:none;}
.workflowsearch .item-list.grid-view .workflow-employee{display:none;}
.workflowsearch .item-list.grid-view .workflow-position{display:none;}
.workflowsearch .item-list.grid-view .workflow-contact{display:none;}

/*  ---- WORKFLOW-SEARCH -- LIST-VIEW  -- */
.workflowsearch .item-list.list-view .workflow-object-descr {display:none;}
.workflowsearch .item-list.list-view .item-label.workflow-id{display:none;}
.workflowsearch .item-list.list-view .item-label.workflow-relation-name{display:none;}
.workflowsearch .item-list.list-view .item-label.workflow-contact{display:none;}
.workflowsearch .item-list.list-view .item-label.workflow-shortdescr{display:none;}
.workflowsearch .item-list.list-view .item-content.workflow-id { font-weight:bold;}
.workflowsearch .item-list.list-view .item-content.workflow-shortdescr { font-weight:bold;}
.workflowsearch .item-list.list-view .list-content .list-column:nth-of-type(2) {float: left;width: 50%;}
.workflowsearch .item-list.list-view .list-content .list-column:nth-of-type(3) { float: left;width: 50%;}
.workflowsearch .item-list.list-view .list-content .item-label {float:left;margin-right:33px;width:100px}
/*   ----  WORKFLOW-SEARCH -- GRID-VIEW -- */
.workflowsearch .item-list.grid-view .workflow-id {width:100px; }
.workflowsearch .item-list.grid-view .workflow-relation-name {width:200px; }
.workflowsearch .item-list.grid-view .workflow-object-id {width:150px; }
.workflowsearch .item-list.grid-view .workflow-status {width:100px; }
.workflowsearch .item-list.grid-view .workflow-shortdescr {width:200px; }
.workflowsearch .item-list.grid-view .workflow-date {width:200px; }

/*   ---- WORKFLOW-SEARCH -- TILE-VIEW -- */
.workflowsearch .item-list.tile-view .thumb {display:none;}
.workflowsearch .item-list.tile-view .workflow-object-descr {display:none;}
.workflowsearch .item-list.tile-view .item-label.workflow-id{display:none;}
.workflowsearch .item-list.tile-view .item-label.workflow-shortdescr{display:none;}
.workflowsearch .item-list.tile-view .item-content.workflow-id { font-weight:bold;}
.workflowsearch .item-list.tile-view .item-content.workflow-shortdescr { font-weight:bold;}
.workflowsearch .item-list.tile-view .workflow-relation-name {margin:10px 0px 0px 0px;}

.workflowsearch .item-list.tile-view .workflow-code {margin:10px 0px 0px 0px;}
.workflowsearch .item-list.tile-view .item-label.workflow-code{display:none;}
.workflowsearch .item-list.tile-view .list-item-link {height:220px;}

/********************************************************************************/
/*  ---- PRODUCT-SEARCH ---- COLUMNS ---- */
.articlesearch .article-compare input{margin:0px 3px 0px 0px;}
.articlesearch .search-bar .search-input .group {width:50%;}
.articlesearch .search-bar .search-input .column.input select {width:100%;}

/*---- PRODUCT-SEARCH -- OTHERS ----*/
.order-basket-add-button { background: url('images/basket-add@2x.png') no-repeat !important; background-position: bottom center; background-size: 24px !important; margin: 0px 10px 0px 10px !important; vertical-align: bottom; padding: 0px !important; width: 40px; height: 24px;}

 /*---- PRODUCT-SEARCH  -- GRID-VIEW --*/ 
.articlesearch .item-list.grid-view .list-header .article-compare {float:right;display:inline-block;}
.articlesearch .item-list.grid-view .list-content .article-compare {display:none;}
.articlesearch .item-list.grid-view .article-orderunit {display:none;}
.articlesearch .item-list.grid-view .article-stockindication-descr {display:none;}
.articlesearch .item-list.grid-view .article-stockindication-image {display:none;}

.articlesearch .item-list.grid-view .article-id {width: 130px;}
.articlesearch .item-list.grid-view .article-descr {width: 190px;}
.articlesearch .item-list.grid-view .article-descr2 {width: 200px;}
.articlesearch .item-list.grid-view .article-brand{width:100px;}
.articlesearch .item-list.grid-view .article-price{width:130px;}
.articlesearch .item-list.grid-view .article-quantity .centix-text{float:left;width:50px;}
.articlesearch .item-list.grid-view .article-quantity .centix-button{margin: 5px;}

/* ------- PRODUCT-SEARCH -- LIST-VIEW --- ProductDetail Detail --- */
.ProductDetail.detail .ui-tabs .ui-tab .article-compare, .articlesearch .item-list.list-view .list-header .article-compare {float:right;display:inline-block !important;}
.ProductDetail.detail .ui-tabs .ui-tab .thumb, .articlesearch .item-list.list-view .thumb {float:left;width:100px;display:inline-block !important;}
.ProductDetail.detail .ui-tabs .ui-tab .list-column, .articlesearch .item-list.list-view .list-content .list-column {float:left; margin-top:10px;}
.ProductDetail.detail .ui-tabs .ui-tab .list-column:nth-of-type(2), .articlesearch .item-list.list-view .list-content .list-column:nth-of-type(2) {float:left; width:40%;}
.ProductDetail.detail .ui-tabs .ui-tab .list-column:nth-of-type(3),.articlesearch .item-list.list-view .list-content .list-column:nth-of-type(3) {float:left; width:25%;}
.ProductDetail.detail .ui-tabs .ui-tab .item-label.article-id,.articlesearch .item-list.list-view .list-content .item-label.article-id {display:none;}
.ProductDetail.detail .ui-tabs .ui-tab .item-label.article-descr,.articlesearch .item-list.list-view .list-content .item-label.article-descr  {display:none;}
.ProductDetail.detail .ui-tabs .ui-tab .item-label.article-descr2,.articlesearch .item-list.list-view .list-content .item-label.article-descr2  {display:none;}
.ProductDetail.detail .ui-tabs .ui-tab .item-label.article-brand,.articlesearch .item-list.list-view .list-content .item-label.article-brand  {display:none;}
.ProductDetail.detail .ui-tabs .ui-tab .article-stockindication-image,.articlesearch .item-list.list-view .article-stockindication-image  {display:none;}
.ProductDetail.detail .ui-tabs .ui-tab .item-content .article-orderunit,.articlesearch .item-list.list-view .list-content .article-orderunit {display:none;}
.ProductDetail.detail .ui-tabs .ui-tab .item-content .article-id,.articlesearch .item-list.list-view .article-id {margin: 17px 0px 0px 0px;}
.ProductDetail.detail .ui-tabs .ui-tab .item-content .article-descr,.articlesearch .item-list.list-view .article-descr {font-weight:bold; margin:-34px 0px 0px 0px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ProductDetail.detail .ui-tabs .ui-tab .item-content .article-descr2,.articlesearch .item-list.list-view .article-descr2 {margin: 18px 0px 0px 0px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:300px;}
.ProductDetail.detail .ui-tabs .ui-tab .item-content .article-brand {margin: -34px 0px 0px 0px;}
.ProductDetail.detail .ui-tabs .ui-tab .item-content .article-compare,.articlesearch .item-list.list-view .list-content .article-compare {margin:30px 0px 0px 0px;}
.ProductDetail.detail .ui-tabs .ui-tab .article-quantity .centix-text,.articlesearch .item-list.list-view .article-quantity .centix-text{float:left;width:50px;}
.ProductDetail.detail .ui-tabs .ui-tab .article-quantity .centix-button,.articlesearch .item-list.list-view .article-quantity .centix-button{ margin: 1px 0px 0px 10px;}
.ProductDetail.detail .add-to-basket{margin-bottom:10px;}

/* -------  CompareProducts --- */
table.CompareProductsTable .AlternatingItem { background-color:#F6F5F4 !important;width:300px;border-right:2px solid #fff;}
table.CompareProductsTable .Compare_PropertyCol { background-color:#FFF !important;width:300px;border-right:2px solid #fff;}
table.CompareProductsTable .Compare_FirstRow {text-align:left; background-color:#F6F5F4 !important;border-right:2px solid #fff;}
table.CompareProductsTable .Compare_FirstRow td{border-right:2px solid white;}
table.CompareProductsTable tbody  tr:nth-of-type(even){ background-color:#F6F5F4 ;border-right:2px solid white;}
table.CompareProductsTable  .Compare_Filled_Cell {border-right:2px solid white;}
table.CompareProductsTable .Compare_FirstRow  td:nth-of-type(1){text-align:left;}

/*   ---- PRODUCT-SEARCH -- TILE-VIEW  -- */
.articlesearch .item-list.tile-view .list-header .article-compare {float:right;display:inline-block !important;}
.articlesearch .item-list.tile-view .item-label {display:none;}
.articlesearch .item-list.tile-view .list-item-link {border:none !important;width:23%;}
.articlesearch .item-list.tile-view .thumb {position:relative; width:100%; height:250px;border:solid 1px #eaecea; margin:0px; text-align:center;}
.articlesearch .item-list.tile-view .thumb:hover {border-color: #504e53;  }
.articlesearch .item-list.tile-view .thumb .centix-image {position:absolute;top:-70px;left:0;right:0;bottom:0;margin:auto;  }

.articlesearch .item-list.tile-view .list-content .article-descr2  {display:none;}
.articlesearch .item-list.tile-view .list-content .article-brand  {display:none;}
.articlesearch .item-list.tile-view .list-content .item-label.article-price  {display:none;}
.articlesearch .item-list.tile-view .article-stockindication-image  {display:none;}
.articlesearch .item-list.tile-view .article-stockindication-descr  {display:none;}
.articlesearch .item-list.tile-view .list-content .article-descr  {font-weight:bold;}

.articlesearch .item-list.tile-view .article-id {margin:-50px 0px 0px 8px;}
.articlesearch .item-list.tile-view .article-descr { margin: -60px 0px 0px 8px;}
.articlesearch .item-list.tile-view .article-price { margin: -60px 0px 0px 8px;}
.articlesearch .item-list.tile-view .list-content .article-compare { margin: 80px 0px 0px 0px;}
.articlesearch .item-list.tile-view .list-content .article-quantity {margin:5px 0px 0px 0px;}
.articlesearch .item-list.tile-view .article-quantity .centix-text{float:left;width:50px;}
.articlesearch .item-list.tile-view .article-quantity .centix-button{margin:0px 0px 0px 8px;}

/*   ----  PRODUCT CATALOG  -- TABLE  */
.productcatalog .item-list.tile-view .thumb { float: none;  width: 75px; display: block; margin: auto; margin-top: 10px;}
.productcatalog .item-list.tile-view .list-column { display:block;  width: 100%; margin: auto;}
.productcatalog .item-list.tile-view .list-item-link { display: inline-block;  float:left; overflow: hidden;  position: relative;  width: calc(25% - 18px); height: 150px; }
.productcatalog .item-list.tile-view .list-content .item-label { display: none; }
.productcatalog .item-list.tile-view .list-content .item-content { margin: auto; text-align: center; margin-top: 10px; }
/********************************************************************************/
/*   ----  COMBINED-OBJECT  -- GRID-VIEW  */
.objectmischedule .item-list.grid-view .objectmischedule-miplan {width:140px;}
.objectmischedule .item-list.grid-view .objectmischedule-mode{width:140px;}
.objectmischedule .item-list.grid-view .objectmischedule-timeschedule {width:85px;}
.objectmischedule .item-list.grid-view .objectmischedule-nextrun {width:110px;}
.objectmischedule .item-list.grid-view .objectmischedule-lastrun {width:110px;}
.objectmischedule .item-list.grid-view .objectmischedule-validuntildate {width:110px;}
.objectmischedule .item-list.grid-view .objectmischedule-lastresult {width:110px;}
.objectmischedule .item-list.grid-view .objectmischedule-resultnote {display:none;}
.objectmischedule .item-list.grid-view .objectmischedule-showhistory {margin:2px 145px 2px -145px;float:right !important}
.objectmischedule .item-list.grid-view .objectmischedule-delete {margin:2px 0px 0px 0px;float:right !important}

.objectmi .item-list.grid-view .objectmi-miplan {width:150px;}
.objectmi .item-list.grid-view .objectmi-miplansequence {width: 150px;}
.objectmi .item-list.grid-view .objectmi-nextrun { width: 130px;}
.objectmi .item-list.grid-view .objectmi-lastrun {width:125px;}
.objectmi .item-list.grid-view .objectmi-validuntildate {width:125px;}
.objectmi .item-list.grid-view .objectmi-lastresult {width:125px;}
.objectmi .item-list.grid-view .objectmi-miplanid {width:80px;}
.objectmi .item-list.grid-view .objectmi-resultnote {display:none;}
.objectmi .item-list.grid-view .objectmi-downloadcertificate{margin-right:20px;}

/*   ---- COMBINED-OBJECT-- LIST-VIEW  -- */
.objectmi .item-list.list-view span:empty:before, .combinedobjectmischedule .item-list.list-view span:empty:before {content: "";}
.objectmi .item-list.list-view .list-content .item-label, .objectmischedule .item-list.list-view .list-content .item-label{width:160px}
.objectmischedule .item-list.list-view .objectmischedule-showhistory {margin:4px 0px 0px 0px;}

/*   ---- COMBINED-OBJECT-- TILE-VIEW  -- */
.objectmi .item-list.tile-view span:empty:before, .objectmischedule .item-list.tile-view span:empty:before {content: "";}
.objectmi .item-list.tile-view .list-content .item-label, .objectmischedule .item-list.tile-view .list-content .item-label{width:160px}
.objectmi .item-list.tile-view .list-item-link, .objectmischedule .item-list.tile-view .list-item-link {height:180px; }
.objectmischedule .item-list.tile-view .objectmischedule-showhistory {margin:12px 0px 0px 0px;}
/*--------------------------------------------------------------------------*/

/********************************************************************************/
  /* ---- OBJECT LOCATION LOG  ---- GRID-VIEW  ---- */
.objectlocationlog .item-list.grid-view .object-date {width:125px;}
.objectlocationlog .item-list.grid-view .object-quantity {width:125px;}
.objectlocationlog .item-list.grid-view .object-logtype {width:125px;}
.objectlocationlog .item-list.grid-view .object-form {width:180px;}
.objectlocationlog .item-list.grid-view .object-to {width:180px;}
.objectlocationlog .item-list.grid-view .object-movebasket {width:125px;}

/*   ---- OBJECT LOCATION LOG ---- TILE-VIEW  -- */
.objectlocationlog .item-list.tile-view .list-item-link {height:130px}

/*--------------------------------------------------------------------------*/

/********************************************************************************/
/*   ---- OBJECT OWNER LOG ---- GRID-VIEW ---- */
.objectownerlog .item-list.grid-view .object-changedate{width:200px;}
.objectownerlog .item-list.grid-view .object-id{width:120px;}
.objectownerlog .item-list.grid-view .object-name{width:200px;}
.objectownerlog .item-list.grid-view .object-name2{width:200px;}

/*   ---- OBJECT OWNER LOG ---- LIST-VIEW ---- */
.objectownerlog .item-list.list-view .list-content .item-label{width:200px;}

/*   ---- OBJECT LOCATION LOG ---- TILE-VIEW ---- */
.objectownerlog .item-list.tile-view .list-content .item-label {min-width: 130px;}
.objectownerlog .item-list.tile-view .list-item-link {height:130px;}
/*--------------------------------------------------------------------------*/

/********************************************************************************/
/*   ---- ORDERLINESEARCH  ----  SEARCH-BAR ---- REPOSITION COLUMNS ---- */
.orderlinesearch .search-bar .search-input .group:first-of-type { width: 50% !important; margin-bottom: 10px; }
/*.orderlinesearch .search-bar .search-input .group:first-of-type .column.input input { width: 10%; }*/
.orderlinesearch .search-bar .search-input div.group:nth-of-type(2) { width: 50%; }
/*.orderlinesearch .search-bar .search-input div.group:nth-of-type(3) {width:38%;}*/
.orderlinesearch .search-input .group .column.input { width: 60%; }
.orderlinesearch .search-bar .search-input .group:first-of-type .column.input input { width: auto; }

 /*  ---- ORDERLINESEARCH ---- GENERIC STYLES  ---- */
.orderlinesearch .list-item.item-content.order-address .centix-label { margin: 0px 4px 0px 0px;}

 /*  ---- ORDERLINESEARCH ---- GRID-VIEW ---- */
.orderlinesearch .item-list.grid-view .order-descr{width:215px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.orderlinesearch .item-list.grid-view .order-quantity {width:100px;}
.orderlinesearch .item-list.grid-view .order-delivered {width:100px;}
.orderlinesearch .item-list.grid-view .order-articleid {width:115px;}
.orderlinesearch .item-list.grid-view .order-articledescr {width: 300px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.orderlinesearch .item-list.grid-view .order-price {width:135px; text-align:right;}
.orderlinesearch .item-list.grid-view .order-reference,.orderlinesearch .item-list.grid-view .order-enddate,.orderlinesearch .item-list.grid-view .order-startdate , .orderlinesearch .item-list.grid-view .order-date, .orderlinesearch .item-list.grid-view .order-remark,.orderlinesearch .item-list.grid-view .order-articletype,.orderlinesearch .item-list.grid-view .order-address,.orderlinesearch .item-list.grid-view .order-location, .orderlinesearch .item-list.grid-view .order-unit {display:none;}

 /*  ---- ORDERLINESEARCH ---- LIST-VIEW ---- */
.orderlinesearch .item-list.list-view .list-content .item-label {width:140px;}
.orderlinesearch .item-list.list-view .thumb {display:inline-block !important;}
.orderlinesearch .item-list.list-view .list-column {float:left;width:63%;  }

 /*  ---- ORDERLINESEARCH ---- TILE-VIEW ---- */
.orderlinesearch .item-list.tile-view .list-content .item-label {min-width: 140px;margin-left:5px;}
.orderlinesearch .item-list.tile-view .list-item-link {width:48%;height:350px;}
/*--------------------------------------------------------------------------*/

/******************************************************************************/
/*  ---- ORDER-TEMPLATE  ---- GRID VIEW  ---- */
.ordertemplate .item-list.grid-view .order-select{min-width:25px;width:25px;display:block;}

.ordertemplate .item-list.grid-view .order-article-id{width:140px;}
.ordertemplate .item-list.grid-view .order-article-descr{width:300px;}
.ordertemplate .item-list.grid-view .order-article-unit{width:105px;}
.ordertemplate .item-list.grid-view .order-article-price{width:110px;}
.ordertemplate .item-list.grid-view .order-article-type{width:150px;}

  /*  ---- ORDER-TEMPLATE  ---- LIST-VIEW ---- */
.ordertemplate .item-list.list-view .thumb {display:inline-block !important;}
.ordertemplate .item-list.list-view .list-content .item-label {width: 200px; }
.ordertemplate .item-list.list-view .list-content .centix-spinner {width:75px;}
 
   /*  ---- ORDER-TEMPLATE  ---- TILE-VIEW ---- */
.ordertemplate .item-list.tile-view .list-content .item-label {width: 160px;margin-left:5px;}
.ordertemplate .item-list.tile-view .list-item-link {width:48%;}
/*--------------------------------------------------------------------------*/

/******************************************************************************/
/*  ---- ADMIN ---- WEBPAGES ---- */
.webpages .search-bar .search-input .group:first-of-type{ width:33% !important;margin-bottom:10px;}
.webpages .search-bar .search-input .group:first-of-type .column.input input {width:10%;}
.webpages .search-bar .search-input div.group:nth-of-type(2) {width:33%;}
.webpages .search-bar .search-input div.group:nth-of-type(3) {width:33%;}
.webpages .search-input .group .column.input {width:75%}

/*  ---- ADMIN--WEBPAGES----GRID-VIEW  ---- */
.webpages .item-list.grid-view .webpage-language {min-width:60px;width:60px;}
.webpages .item-list.grid-view .webpage-id {width:320px;}
.webpages .item-list.grid-view .webpage-descr {width:320px;}
.webpages .item-list.grid-view .webpage-lastmodified {width:150px;}
.webpages .item-list.grid-view .webpage-status {min-width:80px;width:80px;}
.webpages .item-list.grid-view .webpage-category {width:100px;}
.webpages .item-list.grid-view .webpage-copy{min-width:50px; width:75px;}
.webpages .item-list.grid-view .webpage-delete{min-width:50px; width:75px;}

/*  ---- ADMIN--WEBPAGES----LIST-VIEW  ---- */
.webpages .item-list.list-view .thumb {float:left;display:inline-block !important;margin-right:80px;min-width:150px}
.webpages .item-list.list-view .list-column:nth-of-type(2) {float:left; width:40%;}

.webpages .item-list.list-view .list-content .item-content.webpage-copy {margin:10px 0px 10px 0px;float:left;}
.webpages .item-list.list-view .list-content .item-content.webpage-delete{margin:10px 0px 10px 145px;float:left;}
.webpages .item-list.list-view .list-column {float:left ;margin-bottom: 5px;margin-left:10px}
.webpages .item-list.list-view .list-content .list-item.item-label {float:left;width:190px;}

/*  ---- ADMIN--WEBPAGES----TILE-VIEW  ---- */
.webpages .item-list.tile-view .thumb {position:relative; width:20%; height:130px; margin:0px; text-align:center;}
.webpages .item-list.tile-view .thumb:hover {border-color: #504e53;  }
.webpages .item-list.tile-view .thumb .centix-image {left:0;right:0;bottom:0;margin:auto;  }
.webpages .item-list.tile-view .list-content .item-content.webpage-copy {margin:10px 0px 10px 0px;float:left;}
.webpages .item-list.tile-view .list-content .item-content.webpage-delete{margin:10px 0px 10px 55px;float:left;}
.webpages .item-list.tile-view .list-column {margin-left:10px}
.webpages .item-list.tile-view .list-item-link {width: 23%;height: 280px;float:left;border:solid 1px #eaecea;margin:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:4px;}
.webpages .item-list.tile-view .list-content .list-item.item-label {float: left;width: 100px;}
.webpages .item-list.tile-view .list-item-link:hover {border-color: #504e53;  }
/*  ---- ADMIN--WEBPAGES----WEB-EDITOR  ---- */
.mce-btn button:hover { background-color: initial; }

/*--------------------------------------------------------------------------*/

/******************************************************************************/
/*  ---- ADMIN ---- WEBMENUS ---- */
/*  ---- ADMIN--WEBMENUS----GRID-VIEW  ---- */
.webmenus .item-list.grid-view .webmenus-language {min-width:60px;width:60px;}
.webmenus .item-list.grid-view .webmenus-id {width:260px;}
.webmenus .item-list.grid-view .webmenus-descr {width:260px;}

/*  ---- ADMIN--WEBMENUS----LIST-VIEW  ---- */
.webmenus .item-list.list-view .list-content .item-content.webmenus-menuitems {margin:10px 0px 10px 0px;float:left;}
.webmenus .item-list.list-view .list-content .item-content.webmenus-copy{margin:10px 0px 10px 0px;float:left;}
.webmenus .item-list.list-view .list-content .item-content.webmenus-delete{margin:10px 0px 10px 0px;}
.webmenus .item-list.list-view .list-content .list-item.item-label {float:left;min-width:260px;}
.webmenus .item-list.list-view .list-content .item-content::after { clear:both; content:"\0020"; display:block;}


/*  ---- ADMIN--WEBMENUS----TILE-VIEW  ---- */
.webmenus .item-list.tile-view .list-item-link {height:130px;width:20%;}
.webmenus .item-list.tile-view .thumb { display: none; }

.webmenus .item-list.tile-view .list-content .item-content.webmenus-menuitems {margin:10px 0px 10px 0px;float:left;}
.webmenus .item-list.tile-view .list-content .item-content.webmenus-copy{margin:10px 0px 10px 0px;float:left;}
.webmenus .item-list.tile-view .list-content .item-content.webmenus-delete{margin:10px 0px 10px 0px;}
.webmenus .item-list.tile-view .list-content .list-item.item-label { float: left;min-width: 130px;}
/*--------------------------------------------------------------------------*/

/******************************** ADMIN - SCHEDULED REPORTS *************************************/
/* ------- SEARCH BAR ----------*/
.scheduledreports .search-bar .search-input div.group:nth-of-type(2) {width: auto; float: right;}
.scheduledreports .search-bar .search-input .group .input.column { width: auto;}
.scheduledreports .search-bar .search-input .group, .scheduledreports .search-bar .search-input .group .column { float: none;}
.scheduledreports .thumb {display: none;}
.scheduledreports .item-list .list-column { width: 100%;}
/* ------- GRID VIEW -----------*/
.scheduledreports .item-list.grid-view .item-label, .scheduledreports .item-list.grid-view .item-content { width:300px;}
.scheduledreports .item-list.grid-view .scheduledreport-mailfrom { width: 150px;}
.scheduledreports .item-list.grid-view .scheduledreport-mailto { width: 250px;}
.scheduledreports .item-list.grid-view .scheduledreport-mailcc { width: 150px;}
.scheduledreports .item-list.grid-view .scheduledreport-lastrun{ width: 150px;}
.scheduledreports .item-list.grid-view .delete{ width: 100px;}
    
/* ------- LIST VIEW -----------*/
.scheduledreports .item-list.list-view .list-content .list-item.item-label {float: left;width:300px}

/* ------- TILE VIEW -----------*/
.scheduledreports .item-list.tile-view .list-item-link { height: 150px; width: 23%;}
.scheduledreports .item-list.tile-view .list-content .list-item.item-label {float: left;width: 125px;}
/************************************************************************************************/

/******************************** ADMIN - REDIRECTS *************************************/
/* ------- GRID VIEW -----------*/
.redirects .item-list.grid-view .list-header .list-item { width: 250px;}
.redirects .item-list.grid-view .redirects-copy{min-width:50px; width:75px;}
.redirects .item-list.grid-view .redirects-delete{min-width:50px; width:75px;}
.redirects .item-list.grid-view .item-content {float: left !important; width: 250px;}
/* ------- LIST VIEW -----------*/
.redirects .item-list.list-view .list-content .list-item.item-label {float: left;width:300px}
.redirects .item-list.list-view .list-content .item-content.redirects-copy {margin:10px 0px 10px 0px;float:left;width:155px;}
.redirects .item-list.list-view .list-content .item-content.redirects-delete{margin:10px 0px 10px 145px;float:left;}
/* ------- TILE VIEW -----------*/
.redirects .item-list.tile-view .list-item-link { height: 150px; width: 23%;}
.redirects .item-list.tile-view .list-content .list-item.item-label {float: left;width: 125px;}
.redirects .item-list.tile-view .list-content .item-content.redirects-copy {margin:10px 0px 10px 0px;float:left;width:70px;}
.redirects .item-list.tile-view .list-content .item-content.redirects-delete{margin:10px 0px 10px 55px;float:left;}
/************************************************************************************************/

/* ------- TILE VIEW -----------*/
/******************************** ADMIN - SCHEDULED TASKS *************************************/
/* ------- SEARCH BAR ----------*/
.scheduledtasks .search-bar .search-input div.group:nth-of-type(2) {width: auto; float: right;}
.scheduledtasks .search-bar .search-input .group .input.column { width: auto;}
.scheduledtasks .search-bar .search-input .group, .scheduledtasks .search-bar .search-input .group .column { float: none;}
.scheduledtasks .thumb {display: none;}
.scheduledtasks .item-list .list-column { width: 100%;}
/* ------- GRID VIEW -----------*/
.scheduledtasks .item-list.grid-view .item-label, .scheduledtasks .item-list.grid-view .item-content { width: 14.2%;}


.scheduledtasks .item-list.grid-view .list-content .item-content.delete { max-width:90px; }
.scheduledtasks .item-list.grid-view .list-content .item-content.triggernow { max-width:180px; }

/* ------- TILE VIEW -----------*/
.scheduledtasks .item-list.tile-view .list-item-link { height: 130px; width: 30%;}
/************************************************************************************************/

/****************************** ADMIN - SCHEDULED TASK DETAIL *********************************/
.scheduledtaskdetail { margin: 4px 0px 0px 0px;}
.scheduledtaskdetail .item-label {width:150px;}
.scheduledtaskdetail .detail-container {width:100%;}
.scheduledtaskdetail .box { margin-bottom: 20px; padding: 8px; border: solid 1px #808080; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; }
.scheduledtaskdetail .select-interval, .scheduledtaskdetail .setup-interval {float:left;}
.scheduledtaskdetail .select-interval{width:150px;}
.scheduledtaskdetail .schedule-executeinterval  {margin: 8px 0px 0px 0px;}
.footerContainer::before  {clear: both; content: "\0020"; display: block;}
.scheduledtaskdetail .schedule-executeinterval::after,.scheduledtaskdetail .test-datasource::after,.scheduledtaskdetail .select-interval::after, .scheduledtaskdetail .setup-interval::after {clear: both; content: "\0020"; display: block;}
.scheduledtaskdetail .executeinterval-monthly.months {margin:0px 0px 20px 0px;}


.scheduledtaskdetail .scheduledtask-cron-box { display:inline-block; width:60px; margin-right: 20px; vertical-align: middle;}
.scheduledtaskdetail .scheduledtask-cron-box .scheduledtask-cron { width:inherit;}

.scheduledtaskdetail .scheduledtask-quickscheduletitle { font-weight:bold; margin-top:10px; }
.scheduledtaskdetail .scheduledtask-quickschedulebuttons { margin-top:5px; }
.scheduledtaskdetail .scheduledtask-croninput { margin-top:5px; }
.scheduledtaskdetail .scheduledtask-crontitle { font-weight:bold; margin-top:10px; }

/*--------------------------------------------------------------------------*/



/****************************** ADMIN - SCHEDULED REPORT DETAIL *********************************/
.scheduledreportdetail { margin: 4px 0px 0px 0px;}
.scheduledreportdetail .item-label {width:150px;}
.scheduledreportdetail .item-label.scheduledreport-body {float:none;margin-bottom:8px;}
.scheduledreportdetail input.scheduledreport-descr,.scheduledreportdetail input.scheduledreport-mailfrom,.scheduledreportdetail .scheduledreport-mailfrom ul,.scheduledreportdetail input.scheduledreport-mailto,.scheduledreportdetail input.scheduledreport-mailcc,.scheduledreportdetail input.scheduledreport-subject {width:calc(100% - 164px);}
.scheduledreportdetail input.scheduledreport-outputfilename {width:350px;}
.scheduledreportdetail div.scheduledreport-outputfilename {margin:8px 0px 0px 0px;}
.scheduledreportdetail .item-label.scheduledreport-datasource {float:none;width:100%;}
.scheduledreportdetail .detail-container {width:100%;}
.scheduledreportdetail .box { margin-bottom: 20px; padding: 8px; border: solid 1px #808080; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; }
.scheduledreportdetail .test-datasource{float:right;}
.scheduledreportdetail .item-content.scheduledreport-datasource textarea {width: 100%; height: 200px; padding:0px;}
.scheduledreportdetail .select-interval, .scheduledreportdetail .setup-interval {float:left;}
.scheduledreportdetail .select-interval{width:150px;}
.scheduledreportdetail .schedule-executeinterval  {margin: 8px 0px 0px 0px;}
.footerContainer::before  {clear: both; content: "\0020"; display: block;}
.scheduledreportdetail .schedule-executeinterval::after,.scheduledreportdetail .test-datasource::after,.scheduledreportdetail .select-interval::after, .scheduledreportdetail .setup-interval::after {clear: both; content: "\0020"; display: block;}
.scheduledreportdetail .executeinterval-monthly.months {margin:0px 0px 20px 0px;}

/*--------------------------------------------------------------------------*/

/****************************** BASKET *********************************/
.basket {}
.basket .item-label {float: left; width:150px;}
.basket .item-list.list-view .centix-link.list-item.list-item-link {padding:8px 0px 8px 0px;}
.basket .item-list.list-view .centix-link.list-item.list-item-link.article-part {padding:8px 0px 8px 20px;display: block; width:auto;}
.basket .item-content::after, .basket .item-list.list-view .thumb::after{clear: both; content: "\0020"; display: block;}
.basket .order-remark textarea {width: 300px; height: 80px; }
.basket .centix-tabs .centix-tab .row {margin-top:10px;float:left; clear:none; width:50%;}
.basket .item-list.list-view .list-column {float:left; }
.basket .item-list.list-view .list-column:first-of-type {width:50%; }
.basket .item-list.list-view .list-column:nth-of-type(2) {width:30%; }
.basket .item-list.list-view .list-column:last-of-type {float:none;clear: both; content: "\0020"; display: block; margin-top:10px; }
.basket .item-list.list-view .thumb {float:left;display:inline-block !important;}
.basket .centix-tabs .centix-tab  .item-content.order-deliverlocation {width:600px}

.basket .btn-continueshopping {  border-style: solid;  border-width: 1px; background-color:#fff; color:#666; border-color:#666;   }
.basket .btn-continueshopping:hover {  border-style: solid;  border-width: 1px; background-color:#333; color:#fff; border-color:#333;   }

.basket .row { clear: both; margin: 0; line-height: 20px; display: inline-block; width: 100%; }
/************************************************************************************/
.centix-controlgroup.clickable-items { }
.centix-clickable-item { position: relative; width: 198px; min-height: 200px; float: left; margin: 0px 10px 0px 10px; font-family: Arial,sans-serif; border: none !important; }
.centix-clickable-item-image { height: auto; width: auto; background-image: inherit; }

.centix-clickable-item-image .mi { background-image: url('content/images/button_oi.png'); }
.centix-clickable-item-image .move { background-image: url('content/images/button_movebasket.png'); }
.centix-clickable-item-image .object { background-image: url('content/images/button_object.png'); }
.centix-clickable-item-image .objectmeasurement { background-image: url('content/images/button_objectmeasurement.png'); }
.centix-clickable-item-image .order { background-image: url('content/images/button_order.png'); }
.centix-clickable-item-image .picklist { background-image: url('content/images/button_orderpicker.png'); }
.centix-clickable-item-image .return { background-image: url('content/images/button_returnlist.png'); }
.centix-clickable-item-image .stock { background-image: url('content/images/button_stock.png'); }
.centix-clickable-item-image .workingticket { background-image: url('content/images/button_wt.png'); }

.centix-clickable-item-text p, .centix-clickable-item-text h3 { padding: 4px; color: #505050; }
.centix-clickable-item-text ::after { clear: both; content: "\0020"; display: block; }
.centix-clickable-item-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-indent: -9999em; }
.centix-clickable-item:hover h3 { color: #f25d00; }

/* Generic place holder style *//* all elements */
input::-webkit-input-placeholder,input::-moz-placeholder,input:-ms-input-placeholder, input:-moz-placeholder {color:#C0C0C0;} 

.centix-tooltip {
    cursor: help;
    text-decoration:underline;
}

/* Tooltip shown when users clicks */
.centix-tooltip .title {
    position: absolute;
    left: 50px;
    width:300px;
    height:auto;
    
    padding:5px 10px;
    border:solid 1px;
    /*add curved corners*/
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   
   /*add a gradient background*/
   background:#f6f6f6; /*fallback colour for unsupporting browsers*/
   background:-webkit-linear-gradient(#ffffff, #f6f6f6);
   background:-moz-linear-gradient(#ffffff, #f6f6f6);
   background:-o-linear-gradient(#ffffff, #f6f6f6);
   background:-ms-linear-gradient(#ffffff, #f6f6f6);
   background:linear-gradient(#ffffff, #f6f6f6);
   /*add a drop shadow*/
   -moz-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
   -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
   box-shadow: 3px 3px 4px rgba(0,0,0, .65);
}

/* Addresses - control */
.addresses .grid-view .list-item.address-item {min-width:0px;width:11%;}
.addresses .grid-view .list-item.address-address {width:28%; }
.addresses .grid-view .list-item.address-zipcode {width:6%; }
.addresses .grid-view .list-item.address-delete {width:9%;}

.addresses .list-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}
.addresses .list-view .list-item.item-content.address-delete {margin:10px 0px 0px 0px;}

.addresses .tile-view .list-item.item-label.address-item {display: none; }
.addresses .tile-view .list-item.item-content.address-delete {margin:10px 0px 0px 0px;}
.addresses .tile-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}
/*------------------------------------------------------------------------*/

/*************************** Email Result ******************************************/
.emailresult{float:left;padding:5px}
/*------------------------------------------------------------------------*/

/*************************** Adres detail ******************************************/
.detail.address .address-houseno {float:left;}
.item-content.address-city, .item-content.address-country, .item-content.address-state, .item-content.address-county, .item-content.address-region {text-transform:uppercase;}
.detail.address .centix-controlgroup.address-controlgroup.readonly .item-label.address-address { width:20%;float:left; margin-right:4px;font-weight:bold;display:block;}
.detail.address .centix-controlgroup.address-controlgroup.readonly .item-content.address-address {float:left !important; }
.detail.address .centix-controlgroup.address-controlgroup.readonly .item-content.address-address .address-item {display: block; }
.detail.address .centix-controlgroup.address-controlgroup.readonly .item-content.address-address .address-item:empty {display:inline-block; }
.detail.address .centix-controlgroup.address-controlgroup.readonly .item-content.address-address .address-zipcode {float:left; margin:0px 4px 0px 0px;display:inline-block; }
.detail.address .centix-controlgroup.address-controlgroup.readonly .item-content.address-address .address-city {float:left;}

.detail.address .address-houseno .FieldInput,.detail.address .address-housenoadd .FieldInput {width:50px;}
.detail.address .address-housenoadd .FieldDescr {display: none;}
.detail.address .address-address textarea {width:500px;height:75px;}
.detail.address .address-additionalinfo1 textarea ,.relation .address-additionalinfo2 textarea {width:500px;}
.detail.address::after, .address-city::after{clear: both; content: "\0020"; display: block;}
.detail.address .address-houseno {height:33px;}

.detail fieldset { border: solid 1px #808080; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px;padding:10px;}
.detail fieldset legend {font-weight:bold; padding:0px 4px 0px 4px;}

/************************** Object detail - move ************************************/
.ObjectDetail .centix-controlgroup.changelocation fieldset {border:solid 1px;padding:10px;}
.ObjectDetail .centix-controlgroup.changelocation fieldset legend {font-weight:bold;}
.ObjectDetail .centix-controlgroup.currentlocation { margin:4px 0px 0px 0px;}
.ObjectDetail .centix-controlgroup.currentlocation .centix-label.item-label.currentlocation-description {width:140px;margin: 0px 0px 4px 0px;}

/*   PhoneNumbers - control   */
.phonenumbers .grid-view .list-item.phonenumber-item {min-width:0px;width:11%;}
.phonenumbers .grid-view .list-item.phonenumber-item.phonenumber-phonenumber{width:67%;}

.phonenumbers .list-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}
.phonenumbers .list-view .list-item.item-content.phonenumber-delete {margin:10px 0px 0px 0px;}

.phonenumbers .tile-view .list-item.item-label.phonenumber-item {display: none; }
.phonenumbers .tile-view .list-item.item-content.phonenumber-delete {margin:10px 0px 0px 0px;}
.phonenumbers .tile-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}
/* --------------------------------------------------------*/

/*   EmailAddresses - control   */
.emailaddresses .grid-view .list-item.emailaddress-item {min-width:0px;width:11%;}
.emailaddresses .grid-view .list-item.emailaddress-item.emailaddress-emailaddress{width:78%;}

.emailaddresses .list-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}
.emailaddresses .list-view .list-item.item-content.emailaddress-delete {margin:10px 0px 0px 0px;}

.emailaddresses .tile-view .list-item.item-label.emailaddress-item {display: none; }
.emailaddresses .tile-view .list-item.item-content.emailaddress-delete {margin:10px 0px 0px 0px;}
.emailaddresses .tile-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}

/*   EmailAddress - control   */
.detail.emailaddress .emailaddress-emailaddress .FieldInput {width:500px;}
/*-----------------------------------------------------------------------*/

/* --------------------------------------------------------*/
/*    Relation detail control    */
.relation.readonly .item-label.relation-item {width:150px;border:none;}
.relation.readonly .item-content.relation-item {border:none;}
.relation.readonly .relation-item.relation-autonumberprefix {border-bottom:none;}
.relation.readonly .relation-item {border-bottom:dotted 1px;}

.detail.relation .relation-name .FieldInput,.detail.relation .relation-name2 .FieldInput {width:500px;}
.detail.relation .relation-note textarea {width:500px;height:200px;}

/*    Relation detail Edit mode    */
.relation.edit .item-label.relation-item {width:150px;border:none;}


/* my accounts - page */
.myaccounts .grid-view .list-item.account-item {min-width:0px;width:22%;}
.myaccounts .grid-view .list-item.account-state {width:16%;}
.myaccounts .grid-view .list-item.account-lastlogin {width:13%;}
.myaccounts .grid-view .list-item.account-options {width:25px;}

.myaccounts .list-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}
.myaccounts .list-view .list-item.item-content.account-options {margin:10px 0px 0px 0px;}

.myaccounts .tile-view .list-item.item-label.account-item {display: none; }
.myaccounts .tile-view .list-item.item-content.account-options {margin:10px 0px 0px 0px;}
.myaccounts .tile-view .list-item-link {height:auto;padding:4px 0px 4px 0px;}

.account-options .contextmenu {position:absolute;top:auto !important;margin:-17px 0px 0px -100px !important;width:150px;}
.account-options .contextmenu-content-ul {padding:0px;margin:0px;}

/*   USER    */
.user-username input,.user-newpassword  input, .user-newpasswordconfirm input{width:200px;}
/*  Reset Password */
.resetpassword { }
.resetpassword .item-label {width:200px;}
.resetpassword.header-content { }
.resetpassword.centix-controlgroup.user-input { padding:10px; }
.resetpassword.footer-content { }
.resetpassword.button-bar { }
/* ---------------------------------*/

/* Password recovery */
.passwordrecovery { }
.passwordrecovery .item-label {width:200px;}
.passwordrecovery.header-content { }
.passwordrecovery.centix-controlgroup.user-input { padding:10px;  }
.passwordrecovery.user-input.newpassword { }
.passwordrecovery.user-input.newpasswordconfirm { }
.passwordrecovery.footer-content { }
.passwordrecovery.button-bar { }
/* ---------------------------------*/

/* MyAccount */
.myaccount { }
.myaccount .item-label {width:140px;}
.myaccount .item-content.username, .myaccount .item-content.password {width:300px;display:inline-block;}
.myaccount .myaccount-account .centix-button {margin:1px 0px 1px 0px;}
.myaccount .myaccount-account.username .centix-button, .myaccount .myaccount-account.password .centix-button{ width:150px;}
.myaccount .myaccount-account.username .item-content::after, .myaccount .myaccount-account.password .item-content::after {clear:none !important;content:none !important;}
.myaccount .myaccount-account.username .centix-button::after, .myaccount .myaccount-account.password .centix-button::after {clear: both; content: "\0020"; display: block;}

/* ---------------------------------*/
input.required,.required .Field .FieldInput, .Field.required .FieldInput, .detail.edit .required input,.detail.edit .required textarea ,.detail.create .required input,.detail.create .required textarea,.detail.create .required .tagit.ui-widget.ui-widget-content.ui-corner-all,.detail.edit .required .tagit.ui-widget.ui-widget-content.ui-corner-all,input[required=required] {border:solid 1px #ff8080;}
.required .Field .FieldInput:hover,.Field.required .FieldInput:hover,.detail.edit .required input:hover,.detail.edit .required textarea:hover,.detail.create .required input:hover,.detail.create .required textarea:hover,.detail.create .required .tagit.ui-widget.ui-widget-content.ui-corner-all:hover,.detail.edit .required .tagit.ui-widget.ui-widget-content.ui-corner-all:hover { outline: none; border: 1px solid #666;  }

.required .tagit-hidden-field{border:none;}
.detail.edit ul.tagit li:nth-child(2) input, .detail.create ul.tagit li:nth-child(2) input{border:none !important;}
.detail.edit ul.tagit li.tagit-new input, .detail.create ul.tagit li.tagit-new input{border:none !important;}

/* versioninfo */
.versioninfo {margin: 20px auto; border: 1px solid gray; Height: 139px;width: 480px;}
.versioninfo .item-label {float:left;margin-left:20px ;margin-top:20px;width:100px;font-weight:bold;}
.versioninfo .item-content {float:left;margin-top:20px;width:250px;}
/*  -----------------------------------------------------------------------------------------------*/
/*  Web page detail control   */
.item-label.webpage-item {width:140px;}
.webpage.webpage-info:after{clear: both; content: "\0020"; display: block;}
.webpage.readonly .item-label.webpage-item {width:150px;border:none;}
.webpage.readonly .item-content.webpage-item {border:none;}
.webpage.readonly .webpage-item {border-bottom:dotted 1px;}

.webpage.edit .centix-controlgroup.centix-controlgroup-left.webpage-controlgroup, .webpage.create .centix-controlgroup.centix-controlgroup-left.webpage-controlgroup{float:left;width:50%;}
.webpage.edit .centix-controlgroup.centix-controlgroup-right.webpage-controlgroup,.webpage.create .centix-controlgroup.centix-controlgroup-right.webpage-controlgroup{float:left;width:50%;}

.webpagecontent-controlgroup:after{clear: both; content: "\0020"; display: block;}
.webpagecontent-item.webpagecontent-title .FieldInput {width:250px;}
.webpagecontent-item.webpagecontent-url .FieldInput {width:500px;}
.webpagecontent-item.webpagecontent-header textarea {width:500px; height:88px;}
.webpagecontent-item.webpagecontent-content {margin:10px 0px 10px 0px;}

.webpagecontents{margin:10px 0px 0px 0px;}
.webpagecontents-item.webpagecontents-culture{width:146px;}
.webpagecontents-item.webpagecontents-edit{width:150px;}
.webpagecontents-item.webpagecontents-delete{width:150px;}

.item-content.webpagecontent-item.webpagecontent-content {width: 100%; }
.item-list.grid-view .list-header .webpagecontents-item.webpagecontents-culture{width:145px; }
/* ------------------------------------------------------------------------------------------------*/

/*******************  CMS Bottom *******************************/
.footer-content { overflow: auto; }
/* ------------------------------------------------------------------------------------------------*/

/*******************  Culture Selection *******************************/
.centix-select.culture {width:auto;}
.centix-select.culture option {padding:4px 4px 4px 32px;background-repeat:no-repeat;background-size:30px auto;background-position-x:left; background-position-y:center;background-position:left;}
.centix-select.culture option.en { background-image:url('Images/united-kingdom-flag-xs.png');}
.centix-select.culture option.nl { background-image:url('Images/netherlands-flag-xs.png');}
.centix-select.culture option.fr { background-image:url('Images/france-flag-xs.png');}
.centix-select.culture option.es { background-image:url('Images/spain-flag-xs.png');}
.centix-select.culture option.de { background-image:url('Images/germany-flag-xs.png');}
.centix-select.culture option.da { background-image: url('Images/danisch-flag-xs.png');}
.centix-select.culture option.zh { background-image: url('Images/china-flag.png');}
.centix-select.culture option.pl { background-image: url('Images/poland-flag.png');}
.centix-select.culture option.tr { background-image: url('Images/turkey-flag.png');}


/*******************  Scrollbare in CentixWeb Admin *******************************/
.mce-textbox.mce-multiline{padding:4px;overflow:scroll}

.item-label.webmenu-item{width:140px;}
/*.webmenu.edit .centix-controlgroup.centix-controlgroup-left.webmenu-controlgroup, .webpage.create .centix-controlgroup.centix-controlgroup-left.webmenu-controlgroup{float:left;width:50%;}
.webmenu.edit .centix-controlgroup.centix-controlgroup-right.webmenu-controlgroup,.webpage.create .centix-controlgroup.centix-controlgroup-right.webmenu-controlgroup{float:left;width:50%;}*/
.centix-controlgroup.centix-controlgroup-left.webmenuitem-controlgroup { float: left; width: 50%; }
.centix-controlgroup.centix-controlgroup-right.webmenuitem-controlgroup { float: left; width: 50%; }

.item-label.webmenuitem-item{width:140px;}
.webmenuitemcontent-controlgroup:after{clear: both; content: "\0020"; display: block;}
.webmenuitemcontent-item.webmenuitemcontent-description .FieldInput { width: 500px; }
.webmenuitemcontent-item.webmenuitemcontent-tooltip .FieldInput { width: 500px; }
.webmenuitemcontent-item.webmenuitemcontent-url .FieldInput { width: 500px; }

li ul { padding: 0px 0px 0px 20px; }
.contentmenu { background-image: url("images/bg-dropdown-menu.png"); background-repeat: repeat-x; background-color: #e9e6e4; padding: 0px !important; margin: 0px !important; border-left: 1px solid #a89d95; border-right: 1px solid #a89d95; border-bottom: 1px solid #a89d95; z-index: 3; }
.treeview-container { min-width: 700px; width: 700px; border: solid 1px; margin-top:5px}
.treeview { padding: 0px; }
.treeview li { padding: 1px 0 1px 12px; list-style-position: inside; }
.menu-item-action-bar {  float: right;text-align: right; width: 250px; }
.menu-item-action-bar::after, li.menu-item::after, ul.submenu::before{clear: both; content: "\0020"; display: block;}
.action-item { background-repeat: no-repeat; width: 16px; height: 16px; background-size: 16px; display: inline-block; margin: 0px 4px 0px 4px; }
.action-item.seperator { width: 4px; }
a.action-item.new { background-image: url('Images/tree-add.png'); }
a.action-item.new:hover { background-image: url('Images/tree-add-hover.png'); }
a.action-item.edit { background-image: url('Images/tree-edit.png'); }
a.action-item.delete { background-image: url('Images/tree-remove.png'); }
a.action-item.delete:hover { background-image: url('Images/tree-remove-hover.png'); }
a.action-item.move-up { background-image: url('Images/pijl-boven.png'); }
a.action-item.move-up:hover { background-image: url('Images/pijl-boven-hover.png'); }
a.action-item.move-down { background-image: url('Images/pijl-onder.png'); }
a.action-item.move-down:hover { background-image: url('Images/pijl-onder-hover.png'); }
a.action-item.move-left { background-image: url('Images/pijl-links.png'); }
a.action-item.move-left:hover { background-image: url('Images/pijl-links-hover.png'); }
a.action-item.move-right { background-image: url('Images/pijl-rechts.png'); }
a.action-item.move-right:hover { background-image: url('Images/pijl-rechts-hover.png'); }
.itme-delete-processmeasurments{float:right;margin-right:10px;}
/******************************** ADMIN - SCHEDULED SQL TASKS *************************************/
/* ------- SEARCH BAR ----------*/
.scheduledsqltasks .search-bar .search-input div.group:nth-of-type(2) {width: auto; float: right;}
.scheduledsqltasks .search-bar .search-input .group .input.column { width: auto;}
.scheduledsqltasks .search-bar .search-input .group, .scheduledsqltasks .search-bar .search-input .group .column { float: none;}
.scheduledsqltasks .thumb {display: none;}
.scheduledsqltasks .item-list .list-column { width: 100%;}
/* ------- GRID VIEW -----------*/
.scheduledsqltasks .item-list.grid-view .item-label, .scheduledsqltasks .item-list.grid-view .item-content { width: 16.6%;}
/* ------- LIST VIEW -----------*/
.scheduledsqltasks .item-list.list-view .list-content .list-item.item-label {float: left;width:195px;}
/* ------- TILE VIEW -----------*/
.scheduledsqltasks .item-list.tile-view .list-item-link { height: 130px; width: 23%;}
.scheduledsqltasks .item-list.tile-view .list-content .list-item.item-label {float: left;  width: 140px;}
/****************************** ADMIN - SCHEDULED SQL TASK DETAIL *********************************/
.scheduledsqltaskdetail { margin: 4px 0px 0px 0px;}
.scheduledsqltaskdetail .item-label {width:148px;}
.scheduledsqltaskdetail .item-label.scheduledsqltask-body { float: none; margin-bottom: 8px; }
.scheduledsqltaskdetail input.scheduledsqltask-descr, .scheduledsqltaskdetail input.scheduledsqltask-mailfrom, .scheduledsqltaskdetail .scheduledsqltask-mailfrom ul, .scheduledsqltaskdetail input.scheduledsqltask-mailtoonsuccess, .scheduledsqltaskdetail input.scheduledsqltask-mailtoonfailure, .scheduledsqltaskdetail input.scheduledsqltask-subject, .scheduledsqltaskdetail input.scheduledsqltask-subjectonfailure { width:calc(100% - 164px); }
.scheduledsqltaskdetail .item-label.scheduledsqltask-sqlstatement { float: none; width: 100%; }
.scheduledsqltaskdetail .detail-container { width: 100%; }
.scheduledsqltaskdetail .box { margin-bottom: 20px; padding: 8px; border: solid 1px #808080; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; }
.scheduledsqltaskdetail .test-sqlstatement { float: right; }
.scheduledsqltaskdetail .item-content.scheduledsqltask-sqlstatement textarea {width: 100%; height: 200px; padding:0px;}
.scheduledsqltaskdetail .select-interval, .scheduledsqltaskdetail .setup-interval { float: left; }
.scheduledsqltaskdetail .select-interval { width: 150px; }
.scheduledsqltaskdetail .schedule-executeinterval { margin: 8px 0px 0px 0px; }
.scheduledsqltaskdetail .schedule-executeinterval::after, .scheduledsqltaskdetail .test-sqlstatement::after, .scheduledsqltaskdetail .select-interval::after, .scheduledsqltaskdetail .setup-interval::after { clear: both; content: "\0020"; display: block; }
.scheduledsqltaskdetail .executeinterval-monthly.months { margin: 0px 0px 20px 0px; }

/*  -----------------------------------------------------------------------------------------------*/
/*  Person detail control   */
.item-label.person-item {width:140px;}
.person.readonly .item-label.person-item {width:150px;border:none;}
.person.readonly .item-content.person-item {border:none;}
.person.readonly .person-item {border-bottom:dotted 1px;}

/* person search */
.personsearch .grid-view  .list-item {min-width:140px;}
.personsearch .grid-view  .list-item.person-lastname,.personsearch .grid-view  .list-item.person-defaultemailaddress {width:250px;}

.personsearch .tile-view .list-item-link {height:180px;padding:8px;}




/* Objectdetail - parts*/
.ObjectDetail.detail .objectsearch .object-descr{width:200px;}
.ObjectDetail.detail .objectsearch .object-descr2{display:none !important;}
.ObjectDetail.detail .objectsearch .item-list.grid-view .object-mivaliduntildate {width:120px;}
.ObjectDetail.detail .objectsearch .item-list.grid-view .list-content .item-content.object-brand {margin:0px 0px 0px 300px;}
.ObjectDetail.detail .objectsearch .item-list.grid-view .list-content .item-content.object-descr {margin: 0px 0px 0px -462px;}
.ObjectDetail.detail .collapsible-panel-header { background-color: transparent; } 
.ObjectDetail.detail .item-list.grid-view .list-item { min-height: 1px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/******************************  Admin-MasterData *******************************/
.masterdata-group {  width: 250px;  min-height:200px; float: left;  margin-right:20px; }
.masterdata-group-title {  font-size: larger;font-weight: bold; background-color:#CCCCCC; padding:4px; }
/* ------------------------------------------------------------------------------------------------*/
/******************************  Admin-MasterDataDetail *******************************/
.masterdatadetail .grid-view.item-list .list-item {min-width:130px;}

.masterdatadetail .list-header .list-column  .simplelist-id{min-width:170px;}
.masterdatadetail .list-content .list-column .simplelist-id{min-width:170px;}
.masterdatadetail .list-content .list-column .simplelist-descr,.masterdatadetail .list-content .list-column .idgenerator-descr,.masterdatadetail  .list-header .list-column .idgenerator-descr{width:300px;-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow:ellipsis;;white-space:nowrap;overflow:hidden;}


.masterdatadetail .list-content .list-column .webpagestatus-id{min-width:170px;}
.masterdatadetail .list-content .list-column .webpagestatus-descr{width:300px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.masterdatadetail .list-content .list-column .webpagestatus-archive{min-width:170px;}

.masterdatadetail .list-header .list-column .item-label.id{min-width:170px;}
.masterdatadetail .list-header .list-column .item-label.descr{min-width:300px;}
.masterdatadetail .list-header .list-column .item-label.archive{min-width:170px;}
.masterdatadetail .item-content .simplelist-descr{min-width:450px;margin-top:2px}

.masterdatadetail .detail .item-label{min-width:180px !important}
.masterdatadetail .detail .useretalratedays {float: left;width: 415px}
.masterdatadetail .detail .useretalratedayyear {float: left;width: 415px;margin-top: 13px;margin-bottom:10px}
/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------*/



/* MyBaskets */
/*  - Grid View*/
.mybaskets .item-list.grid-view .list-header .list-item, .mybaskets .item-list.grid-view .list-content .list-item.item-content {width:150px;}
.mybaskets .item-list.grid-view .list-header .list-item.order-id, .mybaskets .item-list.grid-view .list-content .list-item.order-id {width:100px;}
.mybaskets .item-list.grid-view .list-header .list-item.order-deliverrelation-name, .mybaskets .item-list.grid-view .list-content .list-item.order-deliverrelation-name {width:200px;}
.mybaskets .item-list.grid-view .list-header .list-item.order-descr, .mybaskets .item-list.grid-view .list-content .list-item.order-descr {width:200px;}
.mybaskets .item-list.grid-view .list-header .list-item.order-orderlines-totalcount, .mybaskets .item-list.grid-view .list-content .list-item.order-orderlines-totalcount {text-align:right;}
.mybaskets .item-list.grid-view .order-deliverlocation-id,
.mybaskets .item-list.grid-view .order-deliverlocation-descr,
.mybaskets .item-list.grid-view .order-deliverdate,
.mybaskets .item-list.grid-view .order-expectedreturndate {display: none; }

/*  - List View*/
.mybaskets .item-list.list-view .item-label {width:150px;}
.mybaskets .item-list.list-view .list-content .list-column {float:left; width:48%;}
.mybaskets .item-list.list-view .list-content::after{clear:both;}
.mybaskets .item-list.list-view .item-label.order-id,.mybaskets .item-list.list-view .item-label.order-descr,.mybaskets .item-list.list-view .item-label.order-deliverrelation-id,.mybaskets .item-list.list-view .item-label.order-deliverrelation-name,.mybaskets .item-list.list-view .item-label.order-deliverlocation-id,.mybaskets .item-list.list-view .item-label.order-deliverlocation-descr {display:none;}
.mybaskets .item-list.list-view .item-content.order-id,.mybaskets .item-list.list-view .item-content.order-descr {font-weight:bold;}
.mybaskets .item-list.list-view .item-content.order-deliverrelation-id,.mybaskets .item-list.list-view .item-content.order-deliverlocation-id {float:left; margin:0px 8px 0px 0px;}

/*  - Tile View*/
.mybaskets .item-list.tile-view .list-content .list-item.list-item-link {height:150px;}
.mybaskets .item-list.tile-view .item-label {width:150px;}
.mybaskets .item-list.tile-view .item-label.order-id,.mybaskets .item-list.tile-view .item-label.order-descr,.mybaskets .item-list.tile-view .item-label.order-deliverrelation-id,.mybaskets .item-list.tile-view .item-label.order-deliverrelation-name,.mybaskets .item-list.tile-view .item-label.order-deliverlocation-id,.mybaskets .item-list.tile-view .item-label.order-deliverlocation-descr {display:none;}
.mybaskets .item-list.tile-view .item-content.order-id,.mybaskets .item-list.tile-view .item-content.order-descr {font-weight:bold;}
.mybaskets .item-list.tile-view .item-content.order-deliverrelation-id,.mybaskets .item-list.tile-view .item-content.order-deliverlocation-id {float:left; margin:0px 8px 0px 0px;}

/* PackLists */
/* - Grid view*/
.packlists .item-list.grid-view .list-item.packlist-id { width: 100px; }
.packlists .item-list.grid-view .list-item.packlist-date {width: 100px; }
.packlists .item-list.grid-view .list-item.packlist-order { width: 280px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.packlists .item-list.grid-view .list-item.packlist-deliverrelation {  width: 250px;  -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.packlists .item-list.grid-view .list-item.packlist-deliverlocation { width: 200px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* - List view*/
.packlists .item-list.list-view .item-label {width:140px;}
.packlists .item-list.list-view .item-label.packlist-id  {display:none;}
.packlists .item-list.list-view .item-content.packlist-id {font-weight:bold;}

/* - Tile view*/
.packlists .item-list.tile-view .list-content .list-item.list-item-link {height:150px;}
.packlists .item-list.tile-view .item-label {width:100px;}
.packlists .item-list.tile-view .list-column .list-item.item-content.packlist-order,.packlists .item-list.tile-view .list-column .list-item.item-content.packlist-deliverrelation,.packlists .item-list.tile-view .list-column .list-item.item-content.packlist-deliverlocation { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.packlists .item-list.tile-view .item-label.packlist-id  {display:none;}
.packlists .item-list.tile-view .item-content.packlist-id {font-weight:bold;}

/* Invoices*/
/* - Grid view*/
.invoices .item-list.grid-view .list-item.invoice-id { width: 100px; }
.invoices .item-list.grid-view .list-item.invoice-descr {width: 200px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.invoices .item-list.grid-view .list-item.invoice-date {width: 100px; }
.invoices .item-list.grid-view .list-item.invoice-invoicerelation {width: 280px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.invoices .item-list.grid-view .list-item.invoice-contactperson { width: 180px; }
.invoices .item-list.grid-view .list-item.invoice-subtotal {width: 100px;text-align:right; }
/* - List view*/
.invoices .item-list.list-view .item-label {width:140px;}
.invoices .item-list.list-view .item-label.invoice-id  {display:none;}
.invoices .item-list.list-view .item-content.invoice-id {font-weight:bold;}
/* - Tile view*/
.invoices .item-list.tile-view .list-content .list-item.list-item-link {height:150px;}
.invoices .item-list.tile-view .item-label {width:100px;}
.invoices .item-list.tile-view .list-column .list-item.item-content.invoice-descr,.invoices .item-list.tile-view .list-column .list-item.item-content.invoice-invoicerelation { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.invoices .item-list.tile-view .item-label.invoice-id  {display:none;}
.invoices .item-list.tile-view .item-content.invoice-id {font-weight:bold;}

.applyordersetting_descr,.isstock_descr { width: 140px; }


.readin-measurement.item-list.grid-view .list-header {height:48px;}
.readin-measurement.item-list.grid-view .list-header .list-column, .readin-measurement.item-list.grid-view .list-header .list-column .item-label {height:100%;}

.readin-measurement.item-list.grid-view .list-header .list-column .item-label  {position:relative;}
.readin-measurement.item-list.grid-view .list-header .list-column .item-label span, .readin-measurement.item-list.grid-view .list-header .list-column .item-label label {position:absolute;bottom:2px; left:0;}
.readin-measurement.item-list.grid-view .readin-measurement-item {width:20%;}
.readin-measurement.item-list.grid-view .readin-measurement-item.measurement-select {width:6%;}
.readin-measurement.item-list.grid-view .readin-measurement-item.measurement-result {width:9%;}

.readin-measurement.item-list.grid-view .list-header .list-column .item-label.readin-measurement-item.measurement-validation-group,.readin-measurement.item-list.grid-view .list-header .list-column .readin-measurement-item.measurement-validation-group .item-label{height:auto;}
.readin-measurement.item-list.grid-view .list-header .list-column .item-label.readin-measurement-item.measurement-validation-group span {position:relative; bottom:0;}
.readin-measurement.item-list.grid-view .list-header .centix-fieldset.list-item.item-label.readin-measurement-item.measurement-validation-group {height:42px;}
.readin-measurement.item-list.grid-view .list-header fieldset.centix-fieldset.list-item.item-label.readin-measurement-item.measurement-validation-group {border-bottom:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.readin-measurement.item-list.grid-view .list-header fieldset.centix-fieldset.list-item.item-label.readin-measurement-item.measurement-validation-group .centix-fieldset-legend{margin:auto;padding: 0px 6px 0px 6px;}
.readin-measurement.item-list.grid-view .readin-measurement-item.measurement-validation-group {width:43%;padding:2px;margin:0px;}
.readin-measurement.item-list.grid-view .readin-measurement-item.measurement-validation-group .readin-measurement-item {width:28%;}
.readin-measurement.item-list.grid-view .readin-measurement-item.measurement-validation-group .readin-measurement-item.measurement-edit {width:60px;}

.level-0 {  }
.level-1 { padding-left: 10px; }
.level-2 { padding-left: 20px; }
.level-3 { padding-left: 30px; }
.level-4 { padding-left: 40px; }
.level-5 { padding-left: 50px; }
.active { color: #008000; }
.quantity-descr-column { width: 140px; }

.object-location .item-list.grid-view .objectlocation-item { width: 140px; }
.object-location .item-list.grid-view .objectlocation-item.objectlocation-quantity { width: 50px; }
.object-location .item-list.grid-view .objectlocation-item.objectlocation-location-id{ width: 200px; } 
.object-location .item-list.grid-view .objectlocation-item.objectlocation-lockcomment {width:330px;}
.object-location .item-list.grid-view .objectlocation-item.objectlocation-location-descr { width: 270px; }

.objectlocationlog .logblock { display: inline-block; border-bottom: dotted 1px #504e53; width: 100%; min-height: 20px; text-decoration: none; padding: 2px 0px 2px 0px; }
.objectlocationlog .logblock::after { clear: both; content: "\0020"; display: block; }
.item-list.tile-view .logblock {width:30%;  height:130px; float:left;border:solid 1px #eaecea; margin:4px; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; padding:4px; }
.item-list.tile-view .logblock:hover {border-color: #504e53;}
/*.detail .objectlocationlog .logblock { display: inline-block; border-bottom: dotted 1px #504e53; width: 100%; min-height: 20px; text-decoration: none; padding: 2px 0px 2px 0px; }
.detail .objectlocationlog .logblock::after { clear: both; content: "\0020"; display: block; }*/

/***************************** Admin - System setting detail ***************************/
.detail.systemsetting .item-label {width:300px;}
.detail.systemsetting.locationsystemsetting .item-label {width:253px;}
.detail.systemsetting.objectsystemsetting .item-label {width:252px;}

.detail.systemsetting .list-header .list-column .item-label.id{width:170px;}
.detail.systemsetting .list-header .list-column .item-label.descr{width:220px;}

/************* LocationSystemSetting **************/
.detail.systemsetting.locationsystemsetting .centix-groupbox-general {width:53%;float: left;margin-right:10px;}
.detail.systemsetting.locationsystemsetting .centix-groupbox-autonumber{width:46%;float: left;}
.detail.systemsetting.locationsystemsetting .centix-groupbox-copysettings{width:53%;float: left;margin-right:10px;margin-top:-10px }
.detail.systemsetting.locationsystemsetting .centix-groupbox-mediasettings{width:46%;float: left;margin-top:-10px }
.detail.systemsetting.locationsystemsetting .centix-groupbox-displaysettings {width:100%;float: left;margin-top:-10px }
.detail.systemsetting.locationsystemsetting .centix-groupbox-displaysettings .firstcolumn{float:left;width:54%;}
.detail.systemsetting.locationsystemsetting .centix-groupbox-displaysettings .secondcolumn{float: left; width:45%;}
.detail.systemsetting.locationsystemsetting .item-label {display: inline-block !important; margin-top: 5px;}
.detail.systemsetting.locationsystemsetting .item-content {float: none !important; margin-top: 5px;}
.detail.systemsetting.locationsystemsetting .centix-groupbox-copysettings .centix-fieldset{height:185px;}
.detail.systemsetting.locationsystemsetting .centix-groupbox-autonumber .item-label  .locationidgeneratorallowidchange-id{float:left;margin-bottom:10px;}

/************ ObjectSystemSetting *************/
.detail.systemsetting.objectsystemsetting .centix-groupbox-general {width:53%;float: left;margin-right:10px;margin-top: 0px}
.detail.systemsetting.objectsystemsetting .centix-groupbox-autonumber{width:46%;float: left;margin-top: 0px}
.detail.systemsetting.objectsystemsetting .centix-groupbox-copysettings{width:53%;float: left;margin-right:10px; }
.detail.systemsetting.objectsystemsetting .centix-groupbox-mediasettings{width:46%;float: left;}
.detail.systemsetting.objectsystemsetting .centix-groupbox-displaysettings {width:100%;float: left;margin-top: -8px}
.detail.systemsetting.objectsystemsetting .centix-groupbox-displaysettings .firstcolumn{float:left;width:54%;}
.detail.systemsetting.objectsystemsetting .centix-groupbox-displaysettings .secondcolumn{float: left; width: 46%;}
.detail.systemsetting.objectsystemsetting .item-label .defaultobjectidgenerator-id {width:180px}
.detail.systemsetting.objectsystemsetting .item-label {display: inline-block !important; margin-top: 5px;}
.detail.systemsetting.objectsystemsetting .item-content {float: none !important; margin-top: 5px;}
.detail.systemsetting.objectsystemsetting .centix-groupbox-autonumber .centix-fieldset{height:190px;}
.detail.systemsetting.objectsystemsetting .centix-groupbox-copysettings .centix-fieldset{height:403px;margin-top: 0px;}
.detail.systemsetting.objectsystemsetting .centix-groupbox-mediasettings .centix-fieldset{margin-top:0px;}
.detail.systemsetting.objectsystemsetting .centix-groupbox-general .item-label .autosmartupdatenewobject-id{float:left;margin-top: 7px;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------*/


/************* WorkFlowSystemSetting **************/
.detail.systemsetting.workflowsystemsetting .centix-groupbox-general {width:96%;float: left;margin-right:10px;}
.detail.systemsetting.workflowsystemsetting .centix-groupbox-ProcessSettings{width:96%;float: left;}
.detail.systemsetting.workflowsystemsetting .centix-groupbox-autonumber{width:96%;float: left;}
.detail.systemsetting.workflowsystemsetting .centix-groupbox-AcceptedWork{width:96%;float: left;}
.detail.systemsetting.workflowsystemsetting .centix-groupbox-ScenarioGeneral {width:96%;float: left;margin-top:-10px }
.detail.systemsetting.workflowsystemsetting .centix-groupbox-ScenarioGeneral .firstcolumn{float:left;width:54%;}
.detail.systemsetting.workflowsystemsetting .centix-groupbox-ScenarioGeneral .secondcolumn{float: left; width:45%;}
.detail.systemsetting.workflowsystemsetting .item-label {display: inline-block !important; margin-top: 5px;width:270px;}
.detail.systemsetting.workflowsystemsetting .item-content {float: none !important; margin-top: 5px;}
.detail.systemsetting.workflowsystemsetting.item-content {float:none !important;}
/* -----------------------------------------------------------------------------------------------------------------------------------------------------*/

/************* MIWorkFlowSettings **************/
.detail.miworkflowsetting .centix-groupbox-general {width:96%;margin-right:10px;margin-top:18px}
.detail.miworkflowsetting .centix-groupbox-workflowkind{width:96%;margin-top:18px}
.detail.miworkflowsetting .centix-groupbox-workflowdefaultowner{width:96%;margin-right:10px; }
.detail.miworkflowsetting .centix-groupbox-groupandsubgroup{width:96%;}
.detail.miworkflowsetting .centix-groupbox-displaysettings {width:96%}
.detail.miworkflowsetting .item-label {width:220px;}
/* ----------------------------------------------------------------------------------*/

/************* MobileSystemSettings **************/
.detail.mobilesystemsetting .item-content .mobilesystemsetting-servicestatusmessage{width:550px}
.detail.mobilesystemsetting .item-label {display: inline-block !important;margin-top: 5px;}
.detail.mobilesystemsetting .item-content {float: none !important;margin-top: 5px;}
.detail.mobilesystemsetting .item-label {width:285px;}
.detail.mobilesystemsetting .item-label .mobilesystemsetting-wtappsettings{font-weight:bold; float:none !important;}
.detail.mobilesystemsetting .item-label .mobilesystemsetting-wtappvalidations{font-weight:bold; float:none !important;}
.detail.mobilesystemsetting .centix-groupbox-displaysettings .firstcolumn{float:left;width:50%;float:left !important;}
.detail.mobilesystemsetting .centix-groupbox-displaysettings .secondcolumn{float: left; width: 46%;float:left !important;}
.detail.mobilesystemsetting .centix-groupbox-displaysettings .firstcolumn .wtopenwfiworflowstatusid-descr { margin-bottom:20px;}
/************* ObjectMISystemSettings **************/
.detail.systemsetting.objectmisystemsetting .item-label {display: inline-block !important; margin-top: 5px;}
.detail.systemsetting.objectmisystemsetting .item-content {float: none !important; margin-top: 5px;}

/************* LocationUserSystemSettings **************/
.detail.systemsetting.locationusersystemsetting .item-label {display: inline-block !important; margin-top: 5px;}
.detail.systemsetting.locationusersystemsetting .item-content {float: none !important; margin-top: 5px;}

/************* MISystemSettings **************/
.detail.systemsetting.misystemsetting .item-label {display: inline-block !important;margin-top: 5px;}
.detail.systemsetting.misystemsetting .item-content {float: none !important;margin-top: 5px;}

/************* CouponSystemSettings **************/
.detail.systemsetting.couponsystemsetting .item-label {display: inline-block !important;margin-top: 5px;}
.detail.systemsetting.couponsystemsetting .item-content {float: none !important;margin-top: 5px;}

/************* AddressSystemSettings **************/
.detail.systemsetting.addresssystemsetting .item-label {display: inline-block !important;margin-top: 5px;}
.detail.systemsetting.addresssystemsetting .item-content {float: none !important;margin-top: 5px;}

/************* RelationSystemSetting **************/
.detail.systemsetting.relationsystemsetting .centix-groupbox-general {width:52%;float: left;margin-right:12px;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-autonumber{width:52%;float: left;margin-right:12px;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-mediasettings{width:47%;float:left;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-displaysettings {float:left;width:100%;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-copy-relation { float:left;display: block; width: 47%;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-displaysettings .firstcolumn{float:left;width:53%;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-displaysettings .secondcolumn{float: left; width: 44%;}
.detail.systemsetting.relationsystemsetting .item-label {width:254px;display: inline-block !important;margin-top: 5px;}
.detail.systemsetting.relationsystemsetting .item-content {float: none !important;margin-top: 5px;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-autonumber .item-content .autocreate-descr{margin-top: 8px;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-autonumber .item-content .seqnumberprefix-descr{margin-top: 8px;}
.detail.systemsetting.relationsystemsetting .centix-groupbox-autonumber .item-label .seqnumberprefix-id{margin-top: 10px;float:left}
/* ----------------------------------------------------------------------------------*/

/************* PersonSystemSetting **************/
.detail.systemsetting.personsystemsetting .centix-groupbox-general {width:96%;float:left;margin-right:12px;}
.detail.systemsetting.personsystemsetting .centix-groupbox-autonumber{width:96%;float:left;}
.detail.systemsetting.personsystemsetting .centix-groupbox-mediasetting::after{clear:both;}
.detail.systemsetting.personsystemsetting .centix-groupbox-mediasettings{width:96%;}
.detail.systemsetting.personsystemsetting .centix-groupbox-displaysettings {width:96%;}
.detail.systemsetting.personsystemsetting .centix-groupbox-displaysettings .firstcolumn{float:left;width:50%;}
.detail.systemsetting.personsystemsetting .centix-groupbox-displaysettings .secondcolumn{float: left; width: 46%;}
.detail.systemsetting.personsystemsetting .item-label {width:254px;display: inline-block !important;margin-top: 5px;}
.detail.systemsetting.personsystemsetting .item-content {float: none !important;margin-top: 5px;}
.detail.systemsetting.personsystemsetting .centix-groupbox-general .centix-fieldset{height:240px}
/* ----------------------------------------------------------------------------------*/

/************* OrderSystemSetting **************/
.detail.systemsetting.ordersystemsetting .item-label {display: inline-block !important;}
.detail.systemsetting.ordersystemsetting .item-content {float: none !important;}
.detail.systemsetting.ordersystemsetting .defaultvalidityperiod-id {float:left;margin-right:2px;}
.detail.systemsetting.ordersystemsetting .defaultvalidityperiodunit-descr {float:left;margin-top:-1px;}
.detail.systemsetting.ordersystemsetting .approveorderbeforoffset-id{float: left !important;}
.detail.systemsetting.ordersystemsetting .solveorderbeforeoffset-id{float: left !important;}
.detail.systemsetting.ordersystemsetting .approvermabeforoffset-id{float: left !important;}
.detail.systemsetting.ordersystemsetting .solverefusedrmabeforeoffset-id{float: left !important;}

/* ----------------------------------------------------------------------------------*/
/************* ArticleSystemSetting **************/
.detail.systemsetting.articlesystemsetting .centix-groupbox-general {width:52%;float:left;margin-right:10px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-general-order{width:47%;float:left;margin-top:-10px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-order-autorization{width:47%;float:left;margin-top:-10px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-rma-autorization{width:47%;float:left;margin-top:-10px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-ArticleID-Generator{width:47%;float:right;margin-right: 4px;margin-top:-10px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-mediasetting {width:52%;float:left;margin-top:-10px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-mediasetting::after{clear:both;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-copy-article {display:block;width:52%;}
.detail.systemsetting.articlesystemsetting .item-label {display: inline-block !important;}
.detail.systemsetting.articlesystemsetting .item-content {float: none !important;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-rma-autorization .item-content .ignorerefusedrmainstock-descr{margin-bottom:41px;float:left;}
.detail.systemsetting.articlesystemsetting .item-label  .allowarticleidchange-id{float: left !important;margin-bottom:15px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-general .item-label .defaultrentalratecode-id{float:left;margin-bottom:31px;}
.detail.systemsetting.articlesystemsetting .centix-groupbox-general  .defaulbaseaddress-descr{margin-top:2px}
/* ----------------------------------------------------------------------------------*/

/************* RentalSystemSettings **************/
.detail.systemsetting.rentalsystemsetting .item-content {float: left !important;}
.detail.systemsetting.rentalsystemsetting.item-label {display: inline-block !important;}
/********RentalSystemSettings*********Repair*/
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repairinvoicerepirarticle-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repairdetacharticleobject-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repaircreateworflow-descr{float:left !important;margin-right:138px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repairmiworkflowsettinglistinput-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .item-content .repairchangeobjectstatus-descr{float:none !important;margin-right:135px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repairobjectstatuslistinput-descr{float:left !important;margin-left:0px;width:400px !important}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repairchangeobjectstatusmanually-descr{float:none !important;margin-top: 10px}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repairchangelocation-descr{float:none !important;margin-right:140px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-repair .repairlockobjectlocation-descr{float:left !important;margin-right:140px;}
/*********RentalSystemSettings********Cleaning*/
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaninginvoicerepirarticle-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaningdetacharticleobject-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaningcreateworflow-descr{float:left !important;margin-right:138px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaningmiworkflowsettinglistinput-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .item-content .cleaningchangeobjectstatus-descr{float:none !important;margin-right:135px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaningobjectstatuslistinput-descr{float:left !important;margin-left:0px;width:400px !important}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaningchangeobjectstatusmanually-descr{float:none !important;margin-top: 10px}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaningchangelocation-descr{float:none !important;margin-right:140px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-cleaning .cleaninglockobjectlocation-descr{float:left !important;margin-right:140px;}
/*********RentalSystemSettings********Missing*/
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missinginvoicerepirarticle-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missingdetacharticleobject-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missingcreateworflow-descr{float:left !important;margin-right:138px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missingmiworkflowsettinglistinput-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .item-content .missingchangeobjectstatus-descr{float:none !important;margin-right:135px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missingobjectstatuslistinput-descr{float:left !important;margin-left:0px;width:400px !important}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missingchangeobjectstatusmanually-descr{float:none !important;margin-top: 10px}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missingchangelocation-descr{float:none !important;margin-right:140px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-missing .missinglockobjectlocation-descr{float:left !important;margin-right:140px;}
/*********RentalSystemSettings********Claim*/
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .claimcreateworflow-descr{float:left !important;margin-right:275px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .claimmiworkflowsettinglistinput-descr{float:none !important;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .item-content .claimchangeobjectstatus-descr{float:left !important;margin-right:135px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .claimobjectstatuslistinput-descr{float:left !important;margin-left:0px;width:400px !important}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .claimchangeobjectstatusmanually-descr{float:none !important;margin-top: 10px}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .claimchangelocation-descr{float:left !important;margin-right:140px;}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .claimlocationlocaionlistinput-descr{float:left !important;margin-left:0px;width:400px !important}
.detail.systemsetting.rentalsystemsetting .centix-groupbox-claim .claimchangelocationmanually-descr{float:none !important;margin-left:0px;margin-top: 10px}
/* ----------------------------------------------------------------------------------*/

/************* AddressSystemSettings **************/
.detail.systemsetting.stockmutationsystemsetting  .item-label {display: inline-block !important;margin-top: 5px;}
.detail.systemsetting.stockmutationsystemsetting  .item-content {float: none !important;margin-top: 5px;}
/* ----------------------------------------------------------------------------------*/

/************* WorkingTicketSystemSetting **************/
.detail.systemsetting.workingticketsystemsetting  .item-label {display: inline-block !important;margin-top: 5px;;}
.detail.systemsetting.workingticketsystemsetting  .item-content {float: none !important;margin-top: 5px;}
.detail.systemsetting.workingticketsystemsetting .centix-groupbox-autonumber  .workflowid-id {float:left;width:200px;margin-top:15px;}
.detail.systemsetting.workingticketsystemsetting .centix-groupbox-autonumber  .prefix-id {float:left;width:200px;margin-bottom:5px;}
.detail.systemsetting.workingticketsystemsetting .centix-groupbox-autonumber  .minmallength-id {float:left;width:200px;margin-bottom:5px;}
.detail.systemsetting.workingticketsystemsetting .centix-groupbox-autonumber  .nextsequencenumber-id {float:left;width:200px;margin-bottom:5px;}

/* ----------------------------------------------------------------------------------*/

/************* TimeSchedule **************/
.detail.systemtables.timeschedule .item-content {float: none !important;}
.detail.systemtables.timeschedule .item-label {display: inline-block !important;}
.detail.systemtables.timeschedule .item-label .occureoncecheckbox-id{width:58px;}
.detail.systemtables.timeschedule .item-content .scheduletype-descr{float: none !important;width:175px !important;}
.detail.systemtables.timeschedule .item-content .occureonccecheckbox-descr{float:left;width:91px !important;}
.detail.systemtables.timeschedule .centix-timepicker{width:70px;}
.detail.systemtables.timeschedule .item-label .hourbegintime-id{float: none !important;}
.detail.systemtables.timeschedule .begintime-id{margin:1px 0px 0px 227px;float:none;}
.detail.systemtables.timeschedule .endtime-id{margin: 1px 0px 0px 229px;float:none;}
.detail.systemtables.timeschedule .item-content  .monthlyonweekdayindex-descr{float: left !important;width:75px;}
.detail.systemtables.timeschedule .the-id{margin-left: 184px;}
.detail.systemtables.timeschedule .rescheduleif-id{margin-bottom:5px;}
.detail.systemtables.timeschedule .befaortheplandate-id {float: none !important;}
.detail.systemtables.timeschedule .occurseveryunit-id{width:85px;}

/* ----------------------------------------------------------------------------------*/

/****************** Data Exchange ************************/ 
.dataexchangehistory-createdate { clear: both; }
.detail.dataexchangehistory { }
.grid-container { overflow-x: scroll; overflow-y: scroll; min-height: 100px; }
.grid { border: solid 1px #ccc; }
.grid th, .grid td { text-align: left; padding: 4px; border: solid 1px #ccc; }
.grid th { background-color: #9b9b9b; color: #fff; }

.column_createdate { float: left; width: 150px; }
.column_processed { float: left; width: 100px; }
.column_failed { float: left; width: 100px; }
.column_skipped { float: left; width: 100px; }
.column_notset { float: left; width: 100px; }
.column_total { float: left; width: 100px; }
        
/*Hide columns (AutoID, FactoryID)*/
/*.grid th:nth-of-type(1),.grid th:nth-of-type(2),.grid td:nth-of-type(1),.grid td:nth-of-type(2){display:none; visibility:hidden;}*/
.grid .autoid, .grid .overwrite, .grid .factoryid { display: none; visibility: hidden; }

/* filter-bar style - toggle button list style*/
.filter-bar { padding:8px 0px 8px 0px; }
.centix-toggle-button-list input[type="radio"] { display: none; }
.centix-toggle-button-list input[type="radio"] + label { margin-right: 4px; color: #fff; cursor: pointer; background: #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px; border: none; display: inline-block; text-decoration: none; text-align: center; }
.centix-toggle-button-list input[type="radio"]:hover + label { background: #666; }
.centix-toggle-button-list input[type="radio"]:checked + label { background: #666; }
/* ------------------------------------------------------------------------------ */

/* ADMIN */

.management-container { width: 100%; height:auto; padding: 0px; margin: 0px; padding-top: 52px; background-color: #fff;}
.management-container .headerContainer html, body, form  { background-color: #fff; }
.management-container .headerContainer {text-align: center; background-color: #333; top: 0px; height:52px; position: fixed;  padding: 6px 10px;  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.19); width: 100%;}
.management-container .headerContainer img { display: inline-block;  max-height: 40px;  margin: 0px;  padding: 0px; }
.management-container .headerContainer .logo { float: none; margin: 0; }

.management-container .content-container { overflow:auto; background-color: #fff; padding: 0px 10px; margin-left: 300px;}
.management-container .content-container::after { clear: both; }
.management-container .content-container .content .detail { margin: 8px; }

.management-container .main-menu-container {float: left; width: 300px; min-height: 99.8%; background-color: #222; border: none; margin: 0px; border-right: 4px solid #e5e5e5; height: 100%; position: fixed;}
.management-container .main-menu-container h3 {background-color: #fff; border: none; padding: 8px; margin: 0px; color: #999;}
.management-container .main-menu-container .content { margin: 0px; padding: 20px 0px; }

.management-container .menu { list-style: none; display: inline-block; width: 100%; margin:0; padding:0;}
.management-container .menu li { cursor: pointer;margin: 4px 0px 4px 0px; }
.management-container .menu li a {text-decoration:none;}
.management-container .menu li a:hover {font-weight:bold;}

.management-container .menu-bar-container {border-bottom: 1px solid #efefef; padding: 0px 10px;margin: 0px -10px; background-color: #f9f9f9; }
.management-container .menu-bar-container .menu {margin:0px 0px 0px 0px;}
.management-container .menu-bar-container .menu li {margin:0px; float:left; padding: 12px;}

.management-container .main-menu-container .main-menu li { margin: 0px; overflow: hidden; }
.management-container .main-menu-container .main-menu li a { display:block; overflow:hidden; padding: 14px 8px; border-bottom: 1px solid #222; background-color: #333 !important; color: #efefef; white-space: nowrap;}
.management-container .main-menu-container .menu-item-seperator { padding: 0px; margin: 0px; border: none; height: 5px; background-color: #222;}

.management-container .main-menu-container .main-menu li.menu-item-webmenus a { margin: 0px; background: url('Images/hamburger-white@2x.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-webpages a { margin: 0px; background: url('Images/icon-page.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-redirects a { margin: 0px; background: url('Images/icon-forward.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-filebrowser a { margin: 0px; background: url('Images/icon-upload.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-articles a { margin: 0px; background: url('Images/icon-article.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-masterdata a { margin: 0px; background: url('Images/icon-masterdata.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-systemtasks a { margin: 0px; background: url('Images/icon-systemtasks.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-systemsetting a { margin: 0px; background: url('Images/icon-settings.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-sqltasks a { margin: 0px; background: url('Images/icon-database.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-scheduledreports a { margin: 0px; background: url('Images/icon-calendar.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-scheduledtasks a { margin: 0px; background: url('Images/icon-stopwatch.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}
.management-container .main-menu-container .main-menu li.menu-item-themeeditor a { margin: 0px; background: url('Images/icon-brush.png') no-repeat center; background-position-x: 20px; background-size: 24px; padding-left: 65px;}

.management-container .main-menu-container .main-menu.hidden { background-color: #222; }
.management-container .main-menu-container .main-menu.hidden li {margin: 0px; color:transparent; }
.management-container .main-menu-container .main-menu.hidden li a { display:block; padding: 14px 8px; border-bottom: 1px solid #222; color:transparent; }
.management-container .main-menu-container .main-menu.hidden .menu-item-seperator { padding: 0px; margin: 0px; border: none; height: 5px; background-color: #222;}

#admin-menu-hide-button { width: 40px; height: 40px; display: block; float: right; background: url('Images/icon-left.png') no-repeat; background-size: 24px; background-position: center;}
#admin-menu-hide-button.hidden { width: 40px; height: 40px; display: block; float: right; background: url('Images/icon-right.png') no-repeat; background-size: 24px; background-position: center;}

@media only screen and (min-height: 500px) and (min-width: 977px) {
    .menuContainer { margin-left: 25px; }
}

@media only screen and (min-width: 977px) and (max-width: 1170px)
{
    .cmsContainerCenter {width: calc(100% - 40px); padding: 0px 20px;}
    .containerCenter { width: calc(100% - 40px); padding: 0px 20px; }
}

@media only screen and (max-width: 977px), only screen and (max-height: 500px)
{
    .headerContainer.fixed {position:fixed;}
    .headerContainer .containerCenter { display:flex; }

    .cmsContainerCenter {width: calc(100% - 20px); padding: 0px 10px;}
    .containerCenter { width: calc(100% - 20px); padding: 0px 10px; }
    .contentContainer.edit-menu-fixed { padding-top: 50px; }

    .menuContainer .menu, .menuContainer .menu ul { line-height: 40px; }
    .menuContainer .submenu .main-menu-submenu .submenu { margin-left: 10px; width: calc(100% - 10px);}
    .menuContainer .submenu a:link, .menuContainer .submenu a:active, .menuContainer .submenu a:visited, .menuContainer .submenu .main-menu-submenu span { border-bottom: 1px solid #CDCDCD; }
    .editMenuContainer { top: 52px; position: relative; }
    .editMenuContainer .containerCenter {padding: 0px; width: 100%;}

    /*.dropdown-menu.user-panel { top: 60px !important; }*/

    .logo { margin: 0;}

     /* --------------- ADMIN MOBILE --------------- */
    .management-container .headerContainer { padding: 6px 0px;}
    .management-container .headerContainer #menu-button { background-image: url('images/hamburger-white@2x.png') !important; }
    .management-container .headerContainer .logo { float: none; margin: 0 auto; }
	.management-container .headerContainer img { margin-left: -48px !important; }

    .management-container .main-menu-container { width: 100% !important; position: static; overflow:auto; border:none;}
    .management-container .main-menu-container.hidden { height: 0px; overflow:hidden;}

    .management-container .content-container { margin-left: 0px !important; }
    .management-container .content-container .content .detail {margin: 0px;}
    
    .management-container .FileBrowser {min-width: unset;}

    .webmenu-edit.detail .treeview-container { min-width: 500px; width: unset;}
    .webmenuitem-insert.detail .webmenuitemcontent-item .FieldInput {width: unset;}

    .management-container .centix-controlgroup.centix-controlgroup-left {width: 100% !important; display:block;}
    
    .management-container .detail .Field .FieldDescr {width: 100px;}

    .scheduledreportdetail .item-label {width: 100px;}
    .scheduledreportdetail input.scheduledreport-outputfilename { width: unset;}
    .scheduledreportdetail input.scheduledreport-descr,.scheduledreportdetail input.scheduledreport-mailfrom,.scheduledreportdetail .scheduledreport-mailfrom ul,.scheduledreportdetail input.scheduledreport-mailto,.scheduledreportdetail input.scheduledreport-mailcc,.scheduledreportdetail input.scheduledreport-subject {width:calc(100% - 16px); }

    .management-container .item-list.mobile-view .list-column {float: left; width: 100% }
    .management-container .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left;}
    .management-container .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left;}

    .webpages .item-list.mobile-view .list-column {float: left; width: 100% }
    .webpages .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left;}
    .webpages .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left;}

    .scheduledreports .item-list.mobile-view .list-column {float: left; width: 100% }
    .scheduledreports .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left;}
    .scheduledreports .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left;}

    .scheduledsqltasks .item-list.mobile-view .list-column {float: left; width: 100% }
    .scheduledsqltasks .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left; clear:both;}
    .scheduledsqltasks .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left; }

    .masterdatadetail .item-content .simplelist-descr {min-width: unset !important;}
    .masterdatadetail .detail .item-label {min-width: unset !important;}
    .detail.mobilesystemsetting .item-content .mobilesystemsetting-servicestatusmessage { width:unset !important;}
    .detail.systemsetting .centix-fieldset .firstcolumn, .detail.systemsetting .centix-fieldset .secondcolumn { width: 100% !important;}
    .detail.systemsetting .content {padding:10px;}
    .detail.systemsetting .item-label {width: 140px;}
    .systemsettingdetail {padding: 10px;}
    .masterdatadetail {padding: 10px;}
    .detail.systemsetting .centix-groupbox-general {width:100% !important;}
    .detail.systemsetting .centix-groupbox-autonumber{width:100% !important;}
    .detail.systemsetting .centix-groupbox-copysettings{width:100% !important;}
    .detail.systemsetting .centix-groupbox-mediasettings{width:100% !important;}
    .detail.systemsetting .centix-groupbox-displaysettings {width:100% !important;}
    .detail.systemsetting .centix-groupbox-displaysettings .firstcolumn{width:100% !important;}
    .detail.systemsetting .centix-groupbox-displaysettings .secondcolumn{width:100% !important;}

    .detail .centix-groupbox-general { width: 100%; }
    
    #admin-menu-hide-button { display: none;}
    /* --------------------------------------------- */

    h1 {font-size: 2em;}
	.mobile-only {display: initial;}

    /*THEME COLORS*/
    .headerContainer { background-color: #333; }
    #order-basket-button .order-item-count { background-color: green; }

    /*THEME IMAGES*/
    #menu-button { background-image: url('images/hamburger-white@2x.png');}

    html, body, form, .headerContainer ,.contentContainer { min-width: 100% !important;  width: 100% !important; padding:0px; }
    .contentContainer{ padding-top:60px;}
    #menu-button { display: inline-block;  width: 40px;  height: 40px;  margin: 0px 8px;  background-size: 24px;  background-position: center center;  background-repeat: no-repeat;  float: left; }
    
    #ctl00_BrandImage { margin: 0px;  padding: 0px;  display: none; }
    #ctl00_BrandImage.show { display: inline-block;  max-height: 40px;  margin: 0px;  padding: 0px; }
    #ctl00_imgBasket {display:none;}

    #ctl00_User_Button { background-size: contain; border-radius: 21px; border: 1px solid white; height: 30px; width: 30px; margin-top: 3px; }

    #login-mobile { display: block;  width: 100%;  height: auto;  padding: 10px;  background-color: #efefef;  font-size: 10pt;  overflow: auto; }
    #login-mobile #ctl00_ddCulture { float: right;  margin-right: 15px; }
    #login-mobile a { margin-left: 5px;  font-size: 10pt;  vertical-align: middle; }

	.headerContainer { top: 0px; padding: 6px 0px !important;  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.19); display:flex;}
    .headerContainer .containerCenter { padding: 0; margin:0; width: 100%;}
    .searchbar {flex-grow: 1;}
    #search-button {margin-left:auto;}

    #language-panel {top: 52px;}

    .headerUpperContainer { display: flex;  overflow: auto;  width: inherit;  margin: 0px !important;  padding: 0px !important; }
    .headerUpperCenter { display: none; }
    .headerUpperLeft { padding: 0px !important;  margin: 0px !important;  float: left !important;  text-align: center; }
    .headerUpperLeft a { margin: 0px auto; }
    .headerUpperRight { padding: 0px;  margin: 0px;  height: inherit;  display: inline-block;  float: left;  flex-grow: 1; }

	.searchbar { margin: 0px !important;  padding: 0px !important;  height: inherit;  /*overflow: auto;*/ }
    .searchbar .ui-search-box { display: none; }
    .searchbar .ui-search-box.show { width: initial;  flex-grow: 1;  display: flex;  vertical-align: middle;  margin: 5px 0px 0px 0px;  padding: 0px;  border: none; }
    .searchbar .ui-search-box input[type="button"] { display: none; }
    #ctl00_txtSearch { flex-grow: 1;  margin-right: 5px;  width: 50px; }

	.menuContainer { position:absolute; left:0; right:0; height: auto; overflow-x: hidden; overflow-y:auto; background-image: none; margin:0; margin: 47px 0px 1px 0px; display:block; background-color:#999; }
    .menuContainer.collapsed { width: 100%;  height: 0px;  margin-bottom: 0px;  background-image: none;  overflow: hidden; display:none;}
    .menuContainer .menu ul { position: initial;  width: 100%; }
    .menuContainer .menu li { display: block;  float: inherit; }
    .menuContainer .submenu a:link, .menuContainer .submenu a:link { width: 100%; }
    .menuContainer .submenu .main-menu-submenu span { width: auto !important;}
    .contentCenter .ContentLeft {padding: 10px;}
    
    input[type="submit"], input[type="reset"] { -webkit-appearance: none; -moz-appearance: none; padding: 6px; border: 1px solid;}
    select {width: auto;}
    .change-view-button { display: none; }
    .centix-descr, .centix-textarea, textarea { width: calc(100% - 16px) !important; }
    
    .detail .ui-tab.two-columns .row div.Left:first-child { width: 40%; }
    .detail .ui-tab.two-columns .row div.Left:nth-of-type(2) { width: 50%;  display: inline-block; }
    .detail .menu-bar {overflow: auto;}
    .detail .button-bar .centix-button {margin: 8px 4px 0px 0px;}

    .detail .tab-bar { margin: 0px -10px;   overflow:auto;}
    .detail .tab-bar .tabbar { margin: 0px 0px 10px 0px; padding: 0px; width: 100%;}
    .detail .tab-bar .tabbar ul { margin: 0px; padding: 0px; width: 100%; display:block;}
    .detail .tab-bar .tabbar ul li { width: 50%; padding: 0px; margin: 0px 0px 1px 0px; float:left !important;}
    .detail .tab-bar .tabbar ul li:nth-child(odd) { width: calc(50% - 1px); padding: 0px; margin: 0px 1px 1px 0px;}
    .detail .tab-bar .tabbar ul li:only-child { width: 100% !important; padding: 0px; margin: 0px; float:left !important;}
    .detail .tab-bar .tabbar ul li a.menu-item {font-weight: bold; background-color: lightgray; width: 100%; margin: 0px; padding: 10px 0px !important; text-align: center;}
    .detail .tab-bar .tabbar ul li a.menu-item.selected {padding: 10px 0px !important; background-color: #504e53; color:#fff; }

	ul.edit-menu {border: none;  margin:0px; padding:0; }
	ul.edit-menu .edit-menu-item { min-width: 0px; padding: 0;}
    ul.edit-menu .edit-menu-item a {line-height: unset;}
    ul.edit-menu.edit-menu-submenu li { padding:10px;}
	li.edit-menu-item.edit-menu-item-level-0.edit-menu-submenu-container a:link.EditMenu-Attach { background: url('Images/pijl-onder.png') no-repeat bottom left, url('Images/connect.png') no-repeat center center; background-size: 8px, 24px;}

	.management-container .menu-bar-container { margin: 0px -10px 5px -10px !important; border: none; background-color: #f9f9f9;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.19); }    
	.EditMenu a:link { display: inline-block; float:left; padding: 10px 20px;}    
	a:link.EditMenu-Create {padding: 10px; background-image: url('Images/add.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}    
	a:link.EditMenu-Edit   {padding: 10px; background-image: url('Images/edit.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}    
	a:link.EditMenu-Delete {padding: 10px; background-image: url('Images/delete.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}    
	a:link.EditMenu-Upload {padding: 10px; background-image: url('Images/attachment.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}    
	a:link.EditMenu-Attach {padding: 10px; background-image: url('Images/connect.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}    
	a:link.EditMenu-Move   {padding: 10px; background-image: url('Images/move.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}    
	a:link.EditMenu-Copy   {padding: 10px; background-image: url('Images/copy.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}    
    a:link.EditMenu-Save   {padding: 10px; background-image: url('Images/save-disk.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}
    a:link.EditMenu-Invoice   {padding: 10px; background-image: url('Images/invoice.png'); background-size: 24px; color:transparent; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}

    .detail.emailaddress .emailaddress-emailaddress .FieldInput { width: auto; }
    .detail-head.two-columns .Left.Container { width: 100% !important;  }
    
    .search-bar .search-input .group { width: 100% !important; }
    .search-bar .button-bar { height: auto; }
    .search-bar .button-bar input { min-width: calc(50% - 12px) !important;  margin: 5px; }
    .search-bar .search-result { display: block; }
    
    .search.two-columns .column1 ul.side-navigation { max-width: 100%; }
    .search.two-columns .column1, .search.two-columns .column2 { width: 100%; }
    .search .item-list div.thumb, .search .item-list div.no-thumb { position: static; }

    .footerCenter { overflow: auto; }

    .item-list {margin: 0px -10px;}
    .search-bar {margin: 0px -5px;}
    
    .objectmischedule .list-item.item-content.objectmischedule-downloadcertificate { padding: 10px 0px;}
    .objectmischearch .list-item.item-content.objectmi-downloadcertificate { padding: 10px 0px;}
    
    .orderlinesearch .search-bar .search-input .group:first-of-type { width: 100% !important; }

    .imgdetail, .detail-head.two-columns .Left.Container a.image-lightbox { max-width: 100px; }
    
    .changemyaccount #TabelMainContentRight { display: none; }
    .changepassword #TabelMainContentRight { display: none; }
    .changemyaccount .item-label { width: 150px; float:left; }

     /* -------- DIALOGS --------- */
    .dialog { position: fixed !important;  top: 0 !important;  left: 0 !important;  right: 0;  bottom: 0;  min-width: 100%;  max-width: 100%; }
    .dialog .dialog-body {width: 100% !important;}
    .dialog input[type='text'] { width: calc(100% - 20px) !important; }
    .dialog textarea { height: 50px !important; width: calc(100% - 20px) !important;}
    .dialog .contextmenu { position:fixed; top: 10px !important; right: 10px !important; margin: 0px !important; }
    .dialog .contextmenu .contextmenu-content-ul-li { padding: 10px; }
    /*--------------------------------------------------------------------------*/
    
     /* -------- DEFAULT -- ITEM LIST -- MOBILE-VIEW --------- */
   
    .item-list.mobile-view .thumb { float: left;  width: 75px;  display:none;}
    .item-list.mobile-view .list-column { float: left;  width: 100%; }
    .item-list.mobile-view .list-item-link { display: block;  overflow: hidden;  position: relative;  width: 100% !important; }
    .item-list.mobile-view .list-header .list-column .list-item { display: none !important; }
    .item-list.mobile-view .list-column:nth-of-type(3) { float: left; }
    .item-list.mobile-view .list-column:nth-of-type(4) { float: left; }
    /*--------------------------------------------------------------------------*/
    
    /* -------- Search -- ITEM LIST -- MOBILE-VIEW --------- */
    .search .data-pager-bar:first-child {display: none;}
    .search .item-list.mobile-view .thumb { float: left;  width: 75px; display:inline-block; position: relative; left: 0px; top: -40px; margin-bottom: -40px;}
    .search .item-list.mobile-view li {overflow:auto;}
    .search .item-list.mobile-view h3 { display:block; position: relative; top: 0px; left: 83px; width: calc(100% - 83px); font-size: 1.2em;}
    .search .item-list.mobile-view p { display:block; position: relative; top: 0px; left: 83px; width: calc(100% - 83px);}
    .search .item-list.mobile-view li.has-thumb, .search .item-list.mobile-view li.no-thumb { padding: 5px; display:block; }
    /*--------------------------------------------------------------------------*/    

     /* -------- ObjectSearch -- ITEM LIST -- MOBILE-VIEW --------- */
    .objectsearch .item-list.mobile-view .thumb { float: left;  width: 75px; display:inline-block;}
    .objectsearch .item-list.mobile-view .list-column { float: left;  width: calc(100% - 83px); }
    .objectsearch .item-list.mobile-view .list-item-link { display: block;  overflow: hidden;  position: relative;  width: 100% !important; }
    .objectsearch .item-list.mobile-view .list-content .item-label { display: none; }
    .objectsearch .item-list.mobile-view .list-header .list-column { display: none; }
    .objectsearch .item-list.mobile-view .list-item.item-content.object-serialno { display: none; }
    .objectsearch .item-list.mobile-view .list-item.item-content.object-owner { display: none; }
    .objectsearch .item-list.mobile-view .list-item.item-content.object-status { display: none; }
    .objectsearch .item-list.mobile-view .list-column:nth-of-type(3) { float: right; }
    .objectsearch .item-list.mobile-view .list-column:nth-of-type(4) { position: absolute;  right: 0;  width: auto;  display: inline-block;  margin-bottom: -90px; }
    /*--------------------------------------------------------------------------*/

    /* -------- LocationSearch -- ITEM LIST -- MOBILE-VIEW --------- */
    .locationsearch .item-list.mobile-view .thumb { float: left;  width: 75px; display:inline-block; }
    .locationsearch .item-list.mobile-view .list-column { float: left;  width: calc(100% - 83px); }
    .locationsearch .item-list.mobile-view .list-item-link { display: block;  overflow: hidden;  position: relative;  width: 100% !important; }
    .locationsearch .item-list.mobile-view .list-content .item-label { display: none; }
    .locationsearch .item-list.mobile-view .list-item.item-content.location-status {display:none;}
    .locationsearch .item-list.mobile-view .list-header .list-column { display: none; }
    .locationsearch .item-list.mobile-view .list-column:nth-of-type(3) { float: right; }
    .locationsearch .item-list.mobile-view .list-column:nth-of-type(4) { display: none; }
     /*--------------------------------------------------------------------------*/

    /* -------- RelationSearch -- ITEM LIST -- MOBILE-VIEW --------- */
    .relationsearch .item-list.mobile-view .thumb { float: left;  width: 75px; display:inline-block; }
    .relationsearch .item-list.mobile-view .list-column { float: left;  width: calc(100% - 83px); }
    .relationsearch .item-list.mobile-view .list-item-link { display: block;  overflow: hidden;  position: relative;  width: 100% !important; }
    .relationsearch .item-list.mobile-view .list-content .item-label { display: none; }
    .relationsearch .item-list.mobile-view .list-item.item-content.location-status {display:none;}
    .relationsearch .item-list.mobile-view .list-header .list-column { display: none; }
    .relationsearch .item-list.mobile-view .list-column:nth-of-type(3) { float: right; }
     /*--------------------------------------------------------------------------*/
    
    /* -------- ProductCatalog -- ITEM LIST -- MOBILE-VIEW --------- */
    .productcatalog .list-content { overflow: auto; }
    .productcatalog .item-list.mobile-view .thumb { float: none;  width: 75px; display: block; margin: auto; margin-top: 10px;}
    .productcatalog .item-list.mobile-view .list-column { display:block;  width: 100%; margin: auto;}
    .productcatalog .item-list.mobile-view .list-item-link { display: inline-block;  float:left; overflow: hidden;  position: relative;  width: calc(33% - 20px) !important; height: 150px; border:solid 1px #eaecea; border-radius: 4px; padding: 4px; margin: 5px;}
    .productcatalog .item-list.mobile-view .list-content .item-label { display: none; }
    .productcatalog .item-list.mobile-view .list-content .item-content { margin: auto; text-align: center; margin-top: 10px; }
     /*--------------------------------------------------------------------------*/

    /* ------- ProductDetail Detail ------------------------------------------ */
    .ProductDetail.detail .menu-bar {margin-bottom: 0px;}
    .ProductDetail.detail .ui-tabs {margin: 0px -10px;}
    .ProductDetail.detail .ui-tabs .ui-tab .thumb { float: left;  width: 75px; display:inline-block; }
    .ProductDetail.detail .ui-tabs .ui-tab .list-item-link { display: block;  overflow: hidden;  position: relative;  width: 100% !important; }
    .ProductDetail.detail .ui-tabs .ui-tab .item-label { display: none !important; }
    .ProductDetail.detail .ui-tabs .ui-tab .list-header .list-column { display: none; }
    .ProductDetail.detail .ui-tabs .ui-tab .list-column { float: left;  width: calc(100% - 83px); margin-top:0px}
    .ProductDetail.detail .ui-tabs .ui-tab .list-column:nth-of-type(2) { float: left;  width: calc(100% - 83px); }
    .ProductDetail.detail .ui-tabs .ui-tab .list-column:nth-of-type(3) { float: right;  width: calc(100% - 83px);  }
    .ProductDetail.detail .ui-tabs .ui-tab .list-column:nth-of-type(4) { float: left; width: 100%; }
    .ProductDetail.detail .ui-tabs .ui-tab .item-content.article-quantity {float:right !important; margin: 10px;}

    /* -------- ProductSearch -- ITEM LIST -- MOBILE-VIEW --------- */
    .articlesearch .item-list.mobile-view .thumb { float: left;  width: 75px; display:inline-block; margin: 4px;}
    .articlesearch .item-list.mobile-view .list-column { float: left;  width: calc(100% - 83px); }
    .articlesearch .item-list.mobile-view .list-item-link { display: block;  height: auto; overflow: hidden;  position: relative;  width: 100% !important; border:none; border-bottom: dotted 1px #504e53; padding: 2px 0px 2px 0px; }
    .articlesearch .item-list.mobile-view .list-content .item-label { display: none; }
    .articlesearch .item-list.mobile-view .list-content .item-content { margin: 0px; text-align: left; }
    .articlesearch .item-list.mobile-view .list-item.item-content.location-status {display:none;}
    .articlesearch .item-list.mobile-view .list-header .list-column { width: 100%; }
    .articlesearch .item-list.mobile-view .list-header .list-column .list-item { display: none; }
    .articlesearch .item-list.mobile-view .list-column:nth-of-type(3) { float: right; }
    .articlesearch .item-list.mobile-view .list-column:nth-of-type(4) { float: left; width: 100%; }
    .articlesearch .list-item.item-content.article-compare {margin: 10px 0px;}
    .articlesearch .list-item.item-content.article-quantity {float:right; margin: 10px;}
    .articlesearch .item-list.mobile-view .list-header .article-compare {float:right;display:inline-block !important;}
     /*--------------------------------------------------------------------------*/

    /* -------- OrderTemplate -- ITEM LIST -- MOBILE-VIEW --------- */
    .ordertemplate .item-list.mobile-view .thumb { float: left;  width: 75px; display:inline-block; }
    .ordertemplate .item-list.mobile-view .list-column { float: left;  width: calc(100% - 83px); }
    .ordertemplate .item-list.mobile-view .list-item-link { display: block;  overflow: hidden;  position: relative;  width: 100% !important; }
    .ordertemplate .item-list.mobile-view .list-content .item-label { display: none; }
    .ordertemplate .item-list.mobile-view .list-item.item-content.location-status {display:none;}
    .ordertemplate .item-list.mobile-view .list-header .list-column { display: none; }
    .ordertemplate .item-list.mobile-view .list-column:nth-of-type(3) { float: right; }
    .ordertemplate .item-list.mobile-view .list-column:nth-of-type(4) { float: left; width: 100%; }
    .ordertemplate .list-item.item-content.article-compare {margin: 10px 0px;}
    .ordertemplate .list-item.item-content.article-quantity {float:right; margin: 10px;}
     /*--------------------------------------------------------------------------*/
    
    /* ------------------------ WorkFlowDetail --------------------------------- */
    .WorkFlowDetail .HourRegistration_Control_Column_1 { width: 80px;}
    .WorkFlowDetail .HourRegistration_Control_Column_2 input:first-child{ width: 175px !important;}
    .WorkFlowDetail .HourRegistration_Control_Column_2 { display: block; padding-left: 0px; padding-right: 0px; margin-bottom: 8px;}
    .WorkFlowDetail .HourRegistration_Control_Column_3 { display: block; margin-bottom: 8px;}
    .WorkFlowDetail .Field .FieldValue { display: none; }
    .WorkFlowDetail .Field .FieldDescr { width: 100px; }
     /*--------------------------------------------------------------------------*/

    /* -------- WorkFlowSearch -- ITEM LIST -- MOBILE-VIEW --------- */
    .workflowsearch .item-list.mobile-view .thumb { display:none; }
    .workflowsearch .item-list.mobile-view .list-item.item-content.workflow-id  {font-weight:bold;}
    .workflowsearch .item-list.mobile-view .list-item.item-content.workflow-shortdescr  {font-weight:bold;}
    .workflowsearch .item-list.mobile-view .list-item-link { display: block;  overflow: hidden;  position: relative;  width: 100% !important; }
    .workflowsearch .item-list.mobile-view .list-column:nth-of-type(2) { margin-bottom: 8px; }
    .workflowsearch .item-list.mobile-view .list-column:nth-of-type(2) .list-item.item-label { display:none; }
    .workflowsearch .item-list.mobile-view .list-column:nth-of-type(2) .list-item.item-content { width: 100%; display:block;}
    .workflowsearch .item-list.mobile-view .list-item.item-content span { white-space:nowrap;}
    .workflowsearch .item-list.mobile-view .list-content .item-label { display:inline-block; width: 40%; }
    .workflowsearch .item-list.mobile-view .list-content .item-content { display:inline-block; width: calc(60% - 10px); }
    .workflowsearch .item-list.mobile-view .list-header .list-column { display: none; }
     /*--------------------------------------------------------------------------*/

    /* -------- MyBaskets -- ITEM LIST -- MOBILE-VIEW --------- */
    .mybaskets .item-list.mobile-view .list-column {float: left; width: 100% }
    .mybaskets .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left; overflow:hidden;}
    .mybaskets .item-list.mobile-view .list-content .item-label span { white-space:nowrap;}
    .mybaskets .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left;}
     /*--------------------------------------------------------------------------*/

    /* -------- Basket -- ITEM LIST -- MOBILE-VIEW --------- */
    .basket .row .item-label { width: 100px; overflow:hidden;}
    .basket .row .item-content { width: 100%;  margin-bottom: 10px; }
    .basket .Field .FieldValue {display: none;}
    .basket .item-list.mobile-view .thumb { width: 75px; display: inline-block; }
    .basket .item-list.mobile-view .list-header .list-column { display: none; }
    .basket .item-list.mobile-view .list-content .item-label { font-weight: bold; }
    .basket .item-list.mobile-view .list-content .item-content { font-weight: normal; }

    .basket .button-bar .centix-button { width: 100%;  margin:0px 0px 4px 0px; }
     /*--------------------------------------------------------------------------*/

     /* -------- Orderlinesearch -- ITEM LIST -- MOBILE-VIEW --------- */
    .orderlinesearch .item-list.mobile-view .list-column {float: left; width: 100% }
    .orderlinesearch .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left;}
    .orderlinesearch .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left;}
     /*--------------------------------------------------------------------------*/

    /* -------- Packlists -- ITEM LIST -- MOBILE-VIEW --------- */
    .packlists .item-list.mobile-view .list-column {float: left; width: 100% }
    .packlists .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left;}
    .packlists .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left;}
     /*--------------------------------------------------------------------------*/
    
    /* -------- Packlists -- ITEM LIST -- MOBILE-VIEW --------- */
    .invoices .item-list.mobile-view .list-column {float: left; width: 100% }
    .invoices .item-list.mobile-view .list-content .item-label { font-weight: bold; width: 40%; min-width: 100px; float:left;}
    .invoices .item-list.mobile-view .list-content .item-content { font-weight: normal; width: 60%; float:left;}
     /*--------------------------------------------------------------------------*/
}

@media only screen and (max-width: 550px)
{
    .Field .FieldDescr { width: 100%; }
}
@media only screen and (max-width: 500px)
{
    /* -------- ProductCatalog -- ITEM LIST -- MOBILE-VIEW --------- */
    .productcatalog .item-list.mobile-view .thumb { float: none;  width: 75px; display: block; margin: auto; margin-top: 10px;}
    .productcatalog .item-list.mobile-view .list-column { display:block;  width: 100%; margin: auto;}
    .productcatalog .item-list.mobile-view .list-item-link { display: inline-block;  float:left; overflow: hidden;  position: relative;  width: calc(50% - 20px) !important; height: 150px; border:solid 1px #eaecea; border-radius: 4px; padding: 4px; margin: 5px;}
    .productcatalog .item-list.mobile-view .list-content .item-label { display: none; }
    .productcatalog .item-list.mobile-view .list-content .item-content { margin: auto; text-align: center; margin-top: 10px; }
     /*--------------------------------------------------------------------------*/
}

@media only screen and (max-width: 350px)
{
    #ctl00_IBLogo, #ctl00_IBLogo.show { display: none;}
}

 /* -------- Document Menu --------- */
    .documentmenu { position:relative; float: right; top: 35px; margin-top: -25px; right: 30px; }
    .documentmenu ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; }
    .documentmenu ul a { display: block; color: #333; text-decoration: none; font-weight: 700; font-size: 12px; line-height: 32px; padding: 0 15px; font-family: "HelveticaNeue" , "Helvetica Neue" ,Helvetica,Arial,sans-serif; }
    .documentmenu ul li { position: relative; float: left; margin: 0; padding: 0; }
    .documentmenu ul li.current-menu-item { background: #ddd; }
    .documentmenu ul li:hover { background: #f6f6f6; }
    .documentmenu ul ul { display: none; position: absolute; top: 100%; background: #fff; padding: 0; right: 0px; margin-top: -10px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.19);}
    .documentmenu ul ul li { float: none; width: 200px; }
    .documentmenu ul ul a { line-height: 120%; padding: 10px 15px; }
    .documentmenu ul ul ul { top: 0; left: 100%; }
    .documentmenu ul li:hover > ul { display: block; }
  /* ------------------------------------------------------------------------------ */

.detail .document .field .fielddescr { width: 16px; }
.detail .productdetail .ui-tabs .ui-tab .preview { width: 98%; float: left; }
.movebasketdetail .ui-tabs .ui-tab .preview { width: 98%; float: left; }

/********************************************************************************/
/* ProcessedMoveBaskets  -- REPOSITION COLUMNS--*/
.processedmovebaskets .item-list.grid-view .movebasket-id { width: 30px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-descr { width: 85px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-userdescr { width: 130px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-createdate { width: 115px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-destinationlocationowner_id { width: 125px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-destinationlocationowner_name { width: 145px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-destinationlocation_id { width: 85px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-destinationlocation_descr { width: 140px; margin: 0px 0px 0px 1px; }
.processedmovebaskets .item-list.grid-view .movebasket-destinationlocation_type { width: 100px; margin: 0px 0px 0px 1px; }

/*ProcessedMoveBaskets     --  LIST-VIEW*/
.processedmovebaskets .item-list.list-view .thumb { float: left; display: inline-block !important; width: 25%; }
.processedmovebaskets .item-list.list-view .list-column:nth-of-type(2) { float: left; width: 35%; }
.processedmovebaskets .item-list.list-view .list-column:nth-of-type(3) { float: left; width: 25%; }

.processedmovebaskets .item-list.list-view .movebasket-id { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-descr { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-userdescr { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-createdate { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-destinationlocationowner_id { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-destinationlocationowner_name { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-destinationlocation_id { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-destinationlocation_descr { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .movebasket-destinationlocation_type { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.list-view .item-label { font-weight: bold; width:200px; }

/*  ---- ProcessedMoveBaskets -- Tile-VIEW  -- */
.processedmovebaskets .item-list.tile-view .thumb { display: none; }
.processedmovebaskets .item-list.tile-view .list-item-link { height: 180px; }
.processedmovebaskets .item-list.tile-view .item-content .movebasket-postalcode { float: left; }
.processedmovebaskets .item-list.tile-view .list-content .movebasket-postalcode { float: left; min-width: 0px; width: 55px; }
.processedmovebaskets .item-list.tile-view .list-column:nth-of-type(2) {padding:10px}
.processedmovebaskets .item-list.tile-view .list-column:nth-of-type(3) { float: left; width: 50%; padding: 10px; margin-top: -20px; }
.processedmovebaskets .item-list.tile-view .movebasket-id { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-descr { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-userdescr { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-createdate { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-destinationlocationowner_id { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-destinationlocationowner_name { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-destinationlocation_id { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-destinationlocation_descr { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .movebasket-destinationlocation_type { margin: 0px 4px 0px 0px; }
.processedmovebaskets .item-list.tile-view .item-label { font-weight: bold; width:180px;}

/*--------------------------------------------------------------------------*/
.movebasketdetail .ui-tabs .ui-tab .preview { width: 98%; float: left; }

input.validate.result-error
{   
    background: url('Images/icon-error.png') right 8px center no-repeat; background-size: 20px; 
    border: 1px solid #ff8080;
}
input.validate.result-ok
{ 
    border: 1px solid green;
    background: url('Images/icon-ok.png') right 8px center no-repeat; background-size: 20px; 
}
a.validate.result-error
{   
    background: url('Images/icon-error.png') right 8px center no-repeat; background-size: 25px; 
    margin-top:20px;
}
a.validate.result-ok
{ 
    margin-top:20px;
    background: url('Images/icon-ok.png') right 8px center no-repeat; background-size: 25px; 
}
::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; opacity: 1; }
::-moz-placeholder { color: #ccc; opacity: 1; }
input:-ms-input-placeholder { color: #ccc; }
.centix-select-placeholder { color: #ccc; }
.centix-select-placeholder option{ color: black; }
.search-sort { display: inline-block; clear: both; }

.object-edit .centix-list-item-button { width: 16px; height: 16px; }

.locationtorental-results .list-column { clear: both; }
.locationtorental-results .result-location_id { width: 100px !important; }
.locationtorental-results .result-order_id { width: 100px !important; }
.locationtorental-results .result-result { width: 100px !important; }
.locationtorental-results .result-resultnote { width: 1000px !important; }
.locationtorental-locations .locations { width: 950px; }

.management-container .menu-bar-container .menu li.menu-item-output { background-image: url('Images/tool@2x.png'); background-size: 27px 18px; display:block; width: 47px; height: 36px; background-position: center; background-repeat: no-repeat; border-radius: 4px; padding:0px!important; float:right; margin-top:4px; margin-right: 0px;}
.management-container .menu-bar-container .menu li.menu-item-output ul{ display: none;}
.management-container .menu-bar-container .menu li.menu-item-output:hover { background-image: url('Images/tool-open@2x.png'); background-color: #333; padding:0px; }
.management-container .menu-bar-container .menu li.menu-item-output.open { background-image: url('Images/tool-open@2x.png'); background-color: #333; padding:0px; border-radius: 4px 4px 0px 0px; }

.management-container .menu-bar-container .menu li.menu-item-output.open ul {width:247px; display: block; overflow:auto; position: relative; right: 200px; top: 36px; background-color: #333; margin:0px; padding:0px; border-radius: 4px 0px 4px 4px; padding: 10px 0px;}
.management-container .menu-bar-container .menu li.menu-item-output.open ul li { display: block; list-style: none; width:100%; padding:0px; margin: 0px;}
.management-container .menu-bar-container .menu li.menu-item-output.open ul li a{ text-decoration: none; color: white; display:block; padding: 8px 8px 8px 42px;}

.management-container .menu-bar-container .menu li.menu-item-output.open ul li.menu-item.export-excel{ background-image: url('Images/menu-excel@2x.png') !important; background-repeat: no-repeat; background-position: 16px center; background-size: 12px 14px;}
.management-container .menu-bar-container .menu li.menu-item-output.open ul li.menu-item.export-pdf{ background-image: url('Images/menu-pdf@2x.png'); background-repeat: no-repeat; background-position: 16px center; background-size: 12px 14px; }
.management-container .menu-bar-container .menu li.menu-item-output.open ul li.menu-item.print{ background-image: url('Images/menu-print@2x.png'); background-repeat: no-repeat;  background-position: 16px center; background-size: 14px 15px; }

.management-container .menu-bar-container .menu li.menu-item-output.open ul li.menu-item:hover{ background-color: #444444;}
.management-container .menu-bar-container .menu li.menu-item-output.open ul li.menu-item:hover a { text-decoration: none; font-weight:normal; }

input#ctl00_ctl00_ContentPlaceHolder_btnOutputAllPages, input#ctl00_ctl00_ContentPlaceHolder_btnOutputCurrentPage {display:block; width: 100%; margin-bottom:16px;}

/* filter-bar-groups-X => X = column count => width: 100%/Column count */
.filter-bar.filter-groups-1 .filter-group-1, .filter-bar.filter-groups-1 .filter-group-1 input {width:100%;}

/*************************E-Invoices******************************************/
/*   - EInvoices - Searchbar ***/
.einvoices .search-bar .search-input .group:first-of-type { width: 100% !important; }
.einvoices .search-bar .search-input .group .input.column { width: auto;}
.einvoices .search-bar .search-input .group, .einvoices .search-bar .search-input .group .column { float: none;}

/*   -------- EInvoices - ITEM LIST - GRID-VIEW --------- */
/*   -- REPOSITION COLUMNS*/
.einvoices .item-list.grid-view .einvoice-debtor { width: 170px; }
.einvoices .item-list.grid-view .list-content .item-content.einvoice-debtor { float: left; }
.einvoices .item-list.grid-view .einvoice-descr { width: 200px; }
.einvoices .item-list.grid-view .list-content .item-content.einvoice-descr { float: left; }
.einvoices .item-list.grid-view .einvoice-orderdate { width: 130px; }
.einvoices .item-list.grid-view .list-content .item-content.einvoice-orderdate { float: left; }
.einvoices .item-list.grid-view .einvoice-order-id { width: 110px; }
.einvoices .item-list.grid-view .list-content .item-content.einvoice-order-id { float: left; }
.einvoices .item-list.grid-view .einvoice-workingticket-id { width: 110px; }
.einvoices .item-list.grid-view .list-content .item-content.einvoice-workingticket-id { float: left; }
.einvoices .item-list.grid-view .einvoice-workflowitem-id { width: 110px; }
.einvoices .item-list.grid-view .list-content .item-content.einvoice-workflowitem-id { float: left; }
.einvoices .item-list.grid-view .einvoice-contract-id { width: 110px; }
.einvoices .item-list.grid-view .list-content .item-content.einvoice-contract-id { float: left; }
/*--------------------------------------------------------------------------*/

/*   -------- EInvoices -- ITEM LIST -- LIST-VIEW --------- */
.einvoices .item-list.list-view .list-column { float: left; }
.einvoices .item-list.list-view .item-label { display: none; }
.einvoices .item-list.list-view .list-column:nth-of-type(1) { float: left; width: 50px; }
.einvoices .item-list.list-view .list-column:nth-of-type(2) { float: left; width: 45%; }
.einvoices .item-list.list-view .list-column:nth-of-type(3) { float: left; width: 45%; }

/*--------------------------------------------------------------------------*/

/*   -------- EInvoices -- ITEM LIST -- TILE-VIEW --------- */
.einvoices .item-list.tile-view .item-label { font-weight: bold; }
.einvoices .tile-view.item-list .list-item-link { height: auto; }
.einvoices .tile-view.item-list .list-content .item-label.einvoice-debtor { display: none; }
.einvoices .tile-view.item-list .list-content .item-label.einvoice-descr { display: none; }
.einvoices .tile-view.item-list .list-content .item-label.einvoice-orderdate { display: none; }

/*--------------------------------------------------------------------------*/
.detail .leftcolumn { float: left; width: 50%; display: inline-block !important;margin-top:0px }
.detail .rightcolumn::after { clear: both; content: "\0020"; display: block; }
.detail .rightcolumn { float: right !important;margin-top:10px;width:50%;}
.detail .centix-fieldset-fseinvoice {width:98% !important;}

/*   -------- EInvoice - Detail --------- */
.einvoice-item.einvoice-assignedtopersoncode { padding-left: 0px;}
.einvoice-item.einvoice-assignedtopersonpersonnelno {   padding-left: 0px;}
.einvoice-item.einvoice-assignedtopersonname {   padding-left: 0px;}
.einvoice-item.einvoice-currency {padding-left: 0px;}
.einvoice-item.einvoice-warehousecode {padding-left: 0px;}
.einvoice-item .item-content .einvoiceline-item .einvoiceline-currency {margin-bottom:20px !important;}
.einvoice-item.einvoice-resourcecode {padding-left: 0px; margin-bottom:10px;}
.einvoice-item .einvoice-assignedtoperson { padding-top: 20px;float:none !important;}
.einvoice-item .einvoice-order { padding-top: 5px; }
div.einvoice-process-state {text-align:left;}
.einvoice-item .einvoice-deliverto-code,.einvoice-item .einvoice-debtor-code,.einvoice-item .einvoice-administration-code {width:100px;}

.list-item.grid-view.item-label.einvoiceline-item-code { width: 100px; }
.list-item.grid-view.item-label.einvoiceline-descr { width: 590px; }
.list-item.grid-view.item-label.einvoiceline-quantity { width: 50px; text-align:right; }
.list-item.grid-view.item-label.einvoiceline-discountpct { width: 120px;  text-align:right;}
.list-item.grid-view.item-label.einvoiceline-unitprice { width: 80px; text-align:right;}
.list-item.grid-view.item-content.einvoiceline-item-code { width: 100px; }
.list-item.grid-view.item-content.einvoiceline-descr { width: 590px; }
.list-item.grid-view.item-content.einvoiceline-quantity { width: 50px; text-align:right; }
.list-item.grid-view.item-content.einvoiceline-discount { width: 120px; text-align:right; }
.list-item.grid-view.item-content.einvoiceline-unitprice { width: 80px; text-align:right; }

.editeinvoice .detail .item-content::after { display: inline-block; }
.detail .einvoiceline .item-content { float: none !important; }

.list-item.item-content.brandtypemischedule-item.brandtypemischedule-miplanid { width: 250px; }
.list-item.item-content.brandtypemischedule-item.brandtypemischedule-miplansequenceid { width: 250px; }
.list-item.item-content.brandtypemischedule-item.brandtypemischedule-timescheduleid{ width: 140px; }

.miplan .miplan-remarks .remarks { width: 99%; }
.detail.einvoice .centix-fieldset { float: left; }
.einvoice-item.einvoice-order { float: none; }
.einvoice-item.einvoice-workingticket { float: none; }
.einvoice-item.einvoice-workflow { float: none; }
.detail.einvoice .item-label .einvoiceline-item.einvoiceline-workflow { float: none; }
/*------------------------------------------  Admin/MIPlanQuestions  -------------------------------------*/
/*   --------  -- ITEM LIST -- GRID-VIEW --------- */
.miplanquestions .item-list.grid-view .miplanquestion-miplantype { width: 100px; }
.miplanquestions .item-list.grid-view .list-content .item-content.miplanquestion-miplantype { float: left; }
.miplanquestions .item-list.grid-view .miplanquestion-questiontype { width: 100px; }
.miplanquestions .item-list.grid-view .list-content .item-content.miplanquestion-questiontype { float: left; }
.miplanquestions .item-list.grid-view .miplanquestion-step { width: 100px; }
.miplanquestions .item-list.grid-view .list-content .item-content.miplanquestion-step { float: left; }
.miplanquestions .item-list.grid-view .miplanquestion-sequence { width: 100px; }
.miplanquestions .item-list.grid-view .list-content .item-content.miplanquestion-sequence { float: left; }

.miplanquestions .item-list.grid-view .miplanquestion-id { width: 50px; }
.miplanquestions .item-list.grid-view .list-content .item-content.miplanquestion-id { float: left; }
.miplanquestions .item-list.grid-view .miplanquestion-descr { width: 300px; }
.miplanquestions .item-list.grid-view .list-content .item-content.miplanquestion-descr { float: left; }
.miplanquestions .item-list.grid-view .miplanquestion-delete { width: 100px; }
.miplanquestions .item-list.grid-view .list-content .item-content.miplanquestion-delete { float: left; }
/*--------------------------------------------------------------------------*/

/*   --------  -- ITEM LIST -- LIST-VIEW --------- */
.miplanquestions .item-list.list-view .list-column { float: left; }
.miplanquestions .item-list.list-view .item-label { display: none; }
.miplanquestions .item-list.list-view .list-column:nth-of-type(1) { float: left; width: 50%; }
.miplanquestions .item-list.list-view .list-column:nth-of-type(2) { float: left; width: 50%; }

/*--------------------------------------------------------------------------*/

/*   --------  -- ITEM LIST -- TILE-VIEW --------- */
.miplanquestions .item-list.tile-view .item-label { font-weight: bold; }
.miplanquestions .tile-view.item-list .list-item-link { height: auto; }
.miplanquestions .tile-view.item-list .list-content .item-label.einvoice-debtor { display: none; }
.miplanquestions .tile-view.item-list .list-content .item-label.einvoice-descr { display: none; }
.miplanquestions .tile-view.item-list .list-content .item-label.einvoice-orderdate { display: none; }
/*--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------  Admin/EditMIPlanQuestion  -------------------------------------*/
.miplanquestion .miplanquestion-question .question { width: 99%; height: 50px; }
.miplanquestion .miplanquestion-remarks .remarks { width: 99%; height: 50px; }
.miplanquestion .miplanquestion-normref .normref { width: 99%; height: 50px; }

.editmiplanquestion .centix-list-item-button { width: 16px; height: 16px; }

.item-list.grid-view .miplanquestionmeasuringdevice-measuringdevice { width: 300px; }

.item-content .miplanquestiondeviation-deviation { width: 99%; height: 50px; }
.item-content .miplanquestiondeviation-remarks { width: 99%; height:50px; }

/*   --------  -- ITEM LIST -- GRID-VIEW --------- */
.miplanquestiondeviations .item-list.grid-view .item-label.miplanquestiondeviation-id { width: 100px; }
.miplanquestiondeviations .item-list.grid-view .list-content .item-content.miplanquestiondeviation-item.miplanquestiondeviation-id { float: left; width: 100px; }
.miplanquestiondeviations .item-list.grid-view .item-label.miplanquestiondeviation-descr { width: 100px; }
.miplanquestiondeviations .item-list.grid-view .list-content .item-content.miplanquestiondeviation-item.miplanquestiondeviation-descr { float: left; width: 100px; }
.miplanquestiondeviations .item-list.grid-view .item-label.miplanquestiondeviation-positionno { width: 100px; }
.miplanquestiondeviations .item-list.grid-view .list-content .item-content.miplanquestiondeviation-item.miplanquestiondeviation-positionno { float: left; width: 100px; }
.miplanquestiondeviations .item-list.grid-view .item-label.miplanquestion-sequence { width: 100px; }
.miplanquestiondeviations .item-list.grid-view .list-content .item-content.miplanquestiondeviation-item.miplanquestion-sequence { float: left; width: 100px; }
.miplanquestiondeviations .item-list.grid-view .item-label.miplanquestiondeviation-mipriorityid { width: 100px; }
.miplanquestiondeviations .item-list.grid-view .list-content .item-content.miplanquestiondeviation-item.miplanquestiondeviation-mipriorityid { float: left; width: 100px; }

.miplanquestiondeviations.list-header { display: none; }

.item-content .miplanquestionmeasurement-measurement { width: 99%; height: 50px; }
.item-content .miplanquestionmeasurement-remarks { width: 99%; height: 50px; }

.miplanquestionmeasurements .item-list.grid-view .list-content .item-content.miplanquestionmeasurement-item.miplanquestionmeasurement-id { float: left; width: 200px; }
.miplanquestionmeasurements .item-list.grid-view .list-content .item-content.miplanquestionmeasurement-item.miplanquestionmeasurement-descr { float: left; width: 200px; }
.miplanquestionmeasurements .item-list.grid-view .list-content .item-content.miplanquestionmeasurement-item.miplanquestionmeasurement-positionno { float: left; width: 200px; }

/*------------------------------------------  Admin/MIPlanCalculations  -------------------------------------*/
/*   ------------ ITEM LIST -- GRID-VIEW --------- */
.miplancalculations .item-list.grid-view .item-label.miplancalculation-sequence { width: 200px; }
.miplancalculations .item-list.grid-view .list-content .item-content.miplancalculation-sequence { float: left; width: 200px; }
.miplancalculations .item-list.grid-view .item-label.miplancalculation-article { width: 100px; }
.miplancalculations .item-list.grid-view .list-content .item-content.miplancalculation-article { float: left; width: 100px; }
.miplancalculations .item-list.grid-view .item-label.miplancalculation-quantity { width: 90px; }
.miplancalculations .item-list.grid-view .list-content .item-content.miplancalculation-quantity { float: left; width: 50px;text-align:center; }
.miplancalculations .item-list.grid-view .item-label.miplancalculation-price { width: 100px; }
.miplancalculations .item-list.grid-view .list-content .item-content.miplancalculation-price { float: left; width: 100px;text-align:center; }

/*   --------  -- ITEM LIST -- LIST-VIEW --------- */
.miplancalculations .item-list.list-view .list-column { float: left; }
.miplancalculations .item-list.list-view .item-label { display: none; }
.miplancalculations .item-list.list-view .list-column:nth-of-type(1) { float: left; width: 50%; }
.miplancalculations .item-list.list-view .list-column:nth-of-type(2) { float: left; width: 50%; }

/*   --------  -- ITEM LIST -- TILE-VIEW --------- */
.miplancalculations .item-list.tile-view .item-label { font-weight: bold; }
.miplancalculations .tile-view.item-list .list-item-link { height: auto; }

/*--------------------------------------------------------------------------*/
.editmiplancalculation .centix-list-item-button { width: 16px; height: 16px; }
.createmiplancalculation .centix-list-item-button { width: 16px; height: 16px; }
.createmiplanquestion .centix-list-item-button { width: 16px; height: 16px; }

/************* WorkFlowGroup **************/
.detail.systemtables.workflowgroup .item-label { display: inline-block !important; width: 210px; }
.detail.systemtables.workflowgroup .item-content { float: none !important; }
/*--------------------------------------------------------------------------*/

/************* WorkFlowGroup **************/
.detail.workflowsubgroup .item-label { display: inline-block !important; width: 250px; }
.detail.workflowsubgroup .item-content { float: none !important; }

.detail.workflowsubgroup .item-label .workflowsubgroup-addcalculationtomanuallyreatewfi { display: inline-block !important; }
.detail.workflowsubgroup .item-label .workflowsubgroup-addcalculationtoautomaticallycreatewfi { display: inline-block !important; }
.detail.workflowsubgroup .item-content .workflowsubgroup-addcalculationtomanuallyreatewfi { display: inline-block !important; float: left; }
.detail.workflowsubgroup .item-content .workflowsubgroup-addcalculationtoautomaticallycreatewfi { display: inline-block !important; float: left; }
/*--------------------------------------------------------------------------*/

 /************* WorkFlowSubGroupFormalDescription **************/
.detail.workflowsubgroupformaldescription .item-label { display: inline-block !important; width: 250px; }
.detail.workflowsubgroupformaldescription .item-content { float: none !important; }
.detail.workflowsubgroupformaldescription .item-content .workflowsubgroupformaldescription-descr { float: left; width: 600px; height: 300px; }
.detail.workflowsubgroupformaldescription .list-item .item-content .workflowsubgroupformaldescription-iseditable { width: 250px; }
.detail.workflowsubgroupformaldescription .grid-view.item-list .list-item .workflowsubgroupformaldescription-iseditable { width: 250px; }
.detail.workflowsubgroupformaldescription .item-list.grid-view .list-content .item-content.workflowsubgroupformaldescription-iseditable { float: left; width: 250px; }
.masterdatadetail .grid-view.item-list .list-item .workflowsubgroupformaldescription-delete { float: right !important; }
/*--------------------------------------------------------------------------*/

/************* WorkFlowGroup **************/
.detail.currency .item-label { display: inline-block !important; }
.detail.currency .item-content { float: none !important; }
/*--------------------------------------------------------------------------*/

/************* ObjectMISchedule **************/
.detail.objectmischedule-edit .item-label { display: inline-block !important; width: 220px; }
.detail.objectmischedule-create .item-label { display: inline-block !important; width: 220px; }
/*--------------------------------------------------------------------------*/

/************* Admin/List-ListValue **************/
.listvalues .item-list.grid-view .list-content .list-item.item-label {display: none !important;}
.listvalues .list-item .item-label.listvalue-id { width: 130px; }
.listvalues .list-item .item-content.listvalue-id { float: left; width: 130px; }
.listvalues .list-item .item-label.listvalue-descr { width: 300px; }
.listvalues .list-item .item-content.listvalue-descr {float: left; width: 300px; margin-left: 50px}
.listvalues .list-item .item-content.listvalue-arvhive {float: left; width: 100px;}
.listvalues .list-item .item-label.listvalue-archive { width: 100px;}
.listvalues .list-header { display: inline-block; width: 100%;}
.listvalues .list-column {display: inline-block !important;}
.listvalues .item-list.grid-view .list-header .list-item.item-label { display: inline-block !important;}
--------------------------------------------------------------------------
/************* InspectionNorm **************/
.detail.inspectionnorm .item-label {
    display: inline-block !important;
}
.detail.inspectionnorm .item-content { float: none !important; }
.detail.inspectionnorm .normtext{float:left;height:400px;width:600px;}
/*--------------------------------------------------------------------------*/

/************* QuestionCategory **************/
.detail.questioncategory .item-label { display: inline-block !important; }
.detail.questioncategory .item-content { float: none !important; }
/*--------------------------------------------------------------------------*/

/************* Vat **************/
.detail.vat .item-label { display: inline-block !important; }
.detail.vat .item-content { float: none !important; }
/*--------------------------------------------------------------------------*/

/************* VatCodeReplacement **************/
.detail.vatcodereplacement .item-label { display: inline-block !important; }
.detail.vatcodereplacement .item-content { float: none !important;}
/*--------------------------------------------------------------------------*/

/********************************************************************************/

/*   ----  LOCATION-SEARCH -- GRID-VIEW -- */
.dataexchangefactories .item-list.grid-view .dataexchange-name { width: 150px; }
.dataexchangefactories .item-list.grid-view .dataexchange-version { width: 150px; }
.dataexchangefactories .item-list.grid-view .dataexchange-timestamp { width: 150px; }
.dataexchangefactories .item-list.grid-view .dataexchange-delete { width: 100px; }
 /*--------------------------------------------------------------------------*/

 /************* Title **************/
.detail.title .item-label { display: inline-block !important; }
.detail.title .item-content { float: none !important;}
 /*--------------------------------------------------------------------------*/

/*   ----  EditMIPlanQuestion ---- */
.editmiplanquestion .detail .image { width: 200px; }
.editmiplanquestion .detail .delete { width: 16px; }

.createmiplanquestion .detail .image { width: 200px; }
.createmiplanquestion .detail .delete { width: 16px; }
/*--------------------------------------------------------------------------*/

/*   ----  LocationUsers ---- */
.locationusers .grid-view.item-list .list-item.locationusers-user { width: 550px; }
.locationusers .grid-view.item-list .list-item.locationusers-delete { width: 250px; }
/*--------------------------------------------------------------------------*/

/*   ----  UserSelection ---- */
.userselection .grid-view.item-list .list-item.userselection-selected { width: 50px; }
.userselection .grid-view.item-list .list-item.userselection-relation_id { width: 150px; }
.userselection .grid-view.item-list .list-item.userselection-relation_name { width: 400px; }
.userselection .grid-view.item-list .list-item.userselection-person_descr { width: 300px; }
.userselection .grid-view.item-list .list-item.userselection-username { width: 250px; }

/*--------------------------------------------------------------------------*/
.createmiplanquestion .detail .delete { width: 16px; }
.createmiplanquestion.detail .item-label { display: inline-block !important; width:185px;}
.editmiplanquestion.detail .item-label { display: inline-block !important; width:185px;}
/************* RegionTransportCost **************/

 
 /*--------------------------------------------------------------------------*/
  

/************* RegionTransportCost **************/
.detail.regiontransportcost .item-label { display: inline-block !important; }
.detail.regiontransportcost .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

 /************* RegionOrderCost **************/
.detail.regionordercost .item-label { display: inline-block !important; }
.detail.regionordercost .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

  /************* ContractIndex **************/
.detail.contractindex .item-label { display: inline-block !important; }
.detail.contractindex .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

  /************* File Upload **************/
.upload input[type=file] { position: fixed; }

 /*--------------------------------------------------------------------------*/
 /************* Country **************/
.detail.country .item-label { display: inline-block !important; }
.detail.country .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

 /************* CountryState **************/
.detail.countrystate .item-label { display: inline-block !important; }
.detail.countrystate .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/
 
 /************* CountryStateCounty **************/
.detail.countrystatecounty .item-label { display: inline-block !important; }
.detail.countrystatecounty .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

  /************* PropertyGroup **************/
.detail.propertygroup .item-label { display: inline-block !important; }
.detail.propertygroup .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/
.filter-group-fullrow input { width: calc(100% - 14px) !important; }
.filter-bar .filter-group { float: left; }
.filter-bar.filter-groups-2 .filter-group { width: 50%; }
.filter-bar.filter-groups-3 .filter-group { width: 33%; }
.filter-bar::after {
    clear: both;
    content: "\0020";
    display: block;
}
.filter-bar .centix-datepicker { width: 175px; }
/*--------------------------------------------------------------------------*/
.detail.propertygroup .Field .FieldDescr{width:0px;}
 /*--------------------------------------------------------------------------*/

   /************* TransportMethod **************/
.detail.transportmethod  .item-label { display: inline-block !important; }
.detail.transportmethod  .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

 /************* ProductivityStandard **************/
.productivitystandard .centix-groupbox-calculatedfileds {margin-top:10px;width:650px;}
.productivitystandard .centix-groupbox-contracttime .centix-fieldset{margin-top:10px;width:628px;}
.productivitystandard .item-label {float:left; display: inline-block !important;width:170px; }
.productivitystandard .item-content { float: none !important; }

.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-availabeleonmonday{float:left;margin: 5px 70px 0px 0px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-availabeleontuesday{float:left;margin: 5px 70px 0px 0px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-availabeleonwednesday{float:left;margin: 5px 70px 0px 0px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-availabeleonthursday{float:left;margin: 5px 70px 0px 0px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-availabeleonfriday{float:left;margin: 5px 70px 0px 0px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-availabeleonsaturday{float:left;margin: 5px 70px 0px 0px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-availabeleonsunday{float:left;margin: 5px 70px 0px 0px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimemonday{ width:50px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimetuesday{ width:50px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimewednesday{ width:50px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimethursday{ width:50px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimefriday{ width:50px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimesaturday{ width:50px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimesunday{ width:50px;}
.productivitystandard .centix-groupbox-contracttime .item-content .productivitystandard-contracttimetotal{margin-left:395px;margin-top:-16px; width:50px}

  /************* WorkHourPlan **************/
.detail.workhourplan .item-label { display: inline-block !important; }
.detail.workhourplan .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/
   /************* WorkHourPlanHour **************/
.detail.workhourplanhour .item-label { display: inline-block !important; }
.detail.workhourplanhour .item-content { float: none !important; }
.workhourplanhour-subitems { width:200px;}
 /*--------------------------------------------------------------------------*/
   /************* WorkHourPlanHourBreak **************/
.detail.workhourplanhourbreak   .item-label { display: inline-block !important; }
.detail.workhourplanhourbreak   .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

  /************* WorkFlowCategory **************/
.detail.workflowcategory .item-label { display: inline-block !important; }
.detail.workflowcategory .item-content { float: none !important;margin-top:10px; }
 /*--------------------------------------------------------------------------*/

 
  /************* PersonSetting **************/
.personsetting .item-content { float: none !important; }
.personsetting .centix-groupbox-personsetting .centix-fieldset{margin-top:10px;width:780px;height:100px;}
.personsetting .centix-groupbox-personsetting .item-label .personsetting-usemeasuringdevicesbycreatingmi { float: left; margin: 0px 50px 0px 0px; }
.personsetting .centix-groupbox-personsetting .item-label .personsetting-measuringdevicelocationid { float: left; margin: 10px 180px 0px 0px; }
.personsetting .centix-groupbox-personsetting .item-content  .personsetting-measuringdevicelocationid{float:left; margin-top:10px;}
 /*--------------------------------------------------------------------------*/
.detail.workflowcategory .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/
/************* Article Category **************/
.articlecategory-htmlcontent { width: 100%; }
.masterdatadetail .item-content .articlecategory-descr2 { min-width: 450px; margin-top: 2px; min-height: 100px; }
.masterdatadetail .item-content .articlecategory-searchtag { min-width: 450px; margin-top: 2px; }
.articlecategory-htmlcontent { min-width: 350px; }
/*--------------------------------------------------------------------------*/

/* Icons Navigation Bar */
[class^=ion-]:before {
    margin: 5px;
    font-size: 32px;
    vertical-align: super;
}
/*--------------------------------------------------------------------------*/

   /************* Culture **************/
.detail.culture .item-label { display: inline-block !important; }
.detail.culture .item-content { float: none !important; }
 /*--------------------------------------------------------------------------*/

 /************* Miplanquestion Detail **************/
 .detail.miplanquestion .item-content .upload input[type=file] { position: inherit; }
 /*--------------------------------------------------------------------------*/

/************* Selected Rows **************/
.detail.selectedrows .item-label { display: inline-block !important;}
.detail.selectedrows .item-content { float: none !important;}

 /*--------------------------------------------------------------------------*/

/************* AutoResponderTask Detail **************/
.autoresponder-column { float: left; width: 33%; }
/*--------------------------------------------------------------------------*/

/************* ImportTask Detail **************/
.import-column { float: left; width: 33%; }
/*--------------------------------------------------------------------------*/

/************* LogRule Detail **************/
.logrules .item-list.grid-view .item-label, .logrules .item-list.grid-view .item-content { width: 11.5%;}
/*--------------------------------------------------------------------------*/

/************* Logs **************/
.logs .list-column { clear: both; }
.logs .item-list.grid-view .item-label, .logs .item-list.grid-view .item-content { width: 11.5%;}
/*--------------------------------------------------------------------------*/

/************* ModalPopup **************/
.popover{max-width: none !important;}
.cssmodalbackground{background-color:white; filter:alpha(opacity=70); }
.cssmodalpopup{background-color:#eaecea;border-width:3px;border-style:solid;border-color:dimgrey;padding:5px;width:500px;}
.cssmodalpopup .dialog-title { background-color: #333;color:white;font-size:14px;height:26px;width:494px;text-align:center;margin-bottom:10px;border-top-right-radius:8px;border-top-left-radius:8px;margin-top:-5px;margin-left:-5px;}
/*--------------------------------------------------------------------------*/


/************* Theme editor **************/
div.theme-editor {overflow-x : hidden;}
.theme-editor #control-menu { -ms-flex: 0 0 300px; flex: 0 0 300px;  padding: 0px; }
.theme-editor #control-menu .btn-group { display: flex; border-bottom: 1px solid #e8e8e8;}
.theme-editor #control-menu .btn-group a { flex : 1; border-radius: 0px; background-color: #efefef; color: #333;}
.theme-editor #control-menu .btn-group a.active { background-color: #333; color: #fff;}

.theme-editor .btn-group button {padding: 12px;}
.theme-editor .btn-group button:hover {padding: 12px; border-width: 1px;}

.theme-editor .collapsible-head { background-color: #efefef; border-bottom: 1px solid #e8e8e8; cursor: pointer; overflow: auto; }
.theme-editor .collapsible-head h2 { color: #555; padding: 10px 20px;}

.theme-editor .collapsible-child { border-bottom: 1px solid #efefef; padding: 8px; }
.theme-editor .collapsible-child h2 { font-size: 10pt; margin: 8px 0px; font-weight : bold;}
.theme-editor .collapsible-child .head h2 { display: inline; }
.theme-editor .collapsible-child .head span { float: right; }

.theme-editor .collapsible-panel .collapsible-child { display: none; }
.theme-editor .collapsible-panel.open .collapsible-child { display: block; border-right: 1px solid #efefef; }

.theme-editor .collapsible-panel .collapsible-head { background-image: url('images/chevron-right@2x.png'); background-size: 24px; background-position:  calc(100% - 12px) center; background-repeat: no-repeat; }
.theme-editor .collapsible-panel.open .collapsible-head {  background-image: url('images/chevron-down@2x.png'); background-size: 24px; background-position: calc(100% - 12px) center; background-repeat: no-repeat; }
.theme-editor .selector-select {display: inline-block; float: right; height: auto; width: auto;}

.theme-editor #preview-iframe { width: calc(100% / 0.75); height: calc(100% / 0.75); border: 0; transform: scale(0.75); transform-origin: 0 0;}
.theme-editor #preview-click-panel { margin: 50px 0px;}
.theme-editor #preview-wrap {  }

.theme-editor #preview-wrap.desktop {width: calc(100% - 20px); height:calc(680px * 0.75); border: 2px solid #ccc; padding: 0; overflow: hidden; }
.theme-editor #preview-wrap.mobile { width: 380px; height:calc(680px * 0.75); border: 2px solid #ccc; padding: 0; overflow: hidden; margin: 0px auto;}

 #preview-iframe-2.fullscreen-fixed { position: fixed; top: 200px; height: 80%; width: 80%; display: block !important; }

.theme-editor .col.text-center { text-align: center; }

.theme-editor .color-box { height: 25px; max-width: 25px; color: white; font-family: Consolas; }
.theme-editor .color-box:first-child { margin-left: 15px; }
.theme-editor .te-img { border: #C0C0C0 1px solid; max-width: 150px; }
.theme-editor #brand-image { max-width: 200px; }
.theme-editor .favicon { width: 32px; height: 32px; }
.theme-editor input[type=file] { position: fixed; right: 0; bottom: 0; z-index: -9999; opacity: 0; }
.theme-editor .css-editor { height: 500px; }
.theme-editor .colpick { z-index: 900; }

/*--------------------------------------------------------------------------*/
.FieldButton {padding: 6px; border: none;}

.themeroller .item-list.grid-view .theme-name { width: 320px; }
.themeroller .item-list.grid-view .theme-using { width: 100px; }
.themeroller .list-item.item-content.theme-using label { display: none; }

.list-column.row { margin: 0; }
/*--------------------------------------------------------------------------*/


/************* Centix Multiline **************/
.centix-multiline {white-space: pre-line;}

/*--------------------------------------------------------------------------*/

.modal.centix .btn { padding: 10px; }

/************** Conversations ****************/
#conversation-container { margin-bottom: 30px; padding: 0; }

.conversation .btn-group .btn, .conversation #insert-editor button.btn, #edit-conversation-modal button.btn { padding: 10px; }
.conversation .btn-group .btn-secondary { background-color: #fff; color: #333; border-color: #d1d0cf; }

.conversation .card-holder { padding-top: 20px; }
.modal-content .conversation.card-holder { padding-top: 0px; }

.conversation .card-holder .children { position: relative; }
.conversation .card-holder .children.collapsed .card-holder { }
.conversation .card-holder .children .card-holder { padding-left: 36px; background-image: url('Images/dot.png'), url('Images/dot.png'); background-repeat: no-repeat, no-repeat; background-position: left 18px top, left 18px top 48px; background-size: 2px 100%, 100px 2px; }
.conversation .card-holder .children .card-holder:last-child { background-position: left 18px top, left 18px top 48px; background-size: 2px 48px, 100px 2px; }

.conversation .conversation-card .card-header a.collapse-button { width: 16px; height: 16px; background: url('Images/tree-minus.gif') center center no-repeat; cursor: pointer; vertical-align: middle; display: inline-block; }
.conversation .conversation-card.collapsed .card-header a.collapse-button { width: 16px; height: 16px; background: url('Images/tree-plus.gif') center center no-repeat; }

.conversation .card-holder .children > a.collapse-button { position: absolute; width: 32px; height: 32px; top: -32px; left: -40px; border-radius: 8px; background: #F7F7F7 url('Images/pijl-onder.png') center center no-repeat; cursor: pointer; border: 1px solid rgba(0,0,0,0.125); background-size: 8px; }
.conversation .card-holder .children.collapsed > a.collapse-button { background: #F7F7F7 url('Images/pijl-rechts.png') center center no-repeat; background-size: 8px;}

.conversation .card-header .btn-group { margin-left: 16px; }

.conversation-card-icon { width: 24px; height: 24px; background-size: 24px; background-position: center; background-repeat: no-repeat; display: inline-block; }

.conversation-card .card-header span.name { font-weight: bold; }
.conversation .conversation-card { }
.conversation-card-icon.type-icon-0 { background-image: url('Images/conv-note-blue.png');  }
.conversation-card-icon.type-icon-1 { background-image: url('Images/conv-phone-blue.png');  }
.conversation-card-icon.type-icon-2 { background-image: url('Images/conv-mail-blue.png');  }

.btn-group .btn-secondary .conversation-card-icon.type-icon-0 { background-image: url('Images/conv-note-blue.png');  }
.btn-group .btn-secondary .conversation-card-icon.type-icon-1 { background-image: url('Images/conv-phone-blue.png');  }
.btn-group .btn-secondary .conversation-card-icon.type-icon-2 { background-image: url('Images/conv-mail-blue.png');  }
.btn-group .btn-primary .conversation-card-icon.type-icon-0 { background-image: url('Images/conv-note-white.png');  }
.btn-group .btn-primary .conversation-card-icon.type-icon-1 { background-image: url('Images/conv-phone-white.png');  }
.btn-group .btn-primary .conversation-card-icon.type-icon-2 { background-image: url('Images/conv-mail-white.png'); }

.conversation-card-icon.conv-copy-wfi { background-image: url('Images/conv-copy-wfi.png'); }
.conversation-card-icon.visibility-icon-2 { background-image: url('Images/conv-private.png'); }
.conversation-card-icon.visibility-icon-1 { background-image: url('Images/conv-public-blue.png'); }
.conversation-card-icon.visibility-icon-0 { background-image: url('Images/conv-internal-blue.png'); }

.btn-group .btn-secondary .conversation-card-icon.visibility-icon-2 { background-image: url('Images/conv-private.png'); }
.btn-group .btn-secondary .conversation-card-icon.visibility-icon-1 { background-image: url('Images/conv-public-blue.png'); }
.btn-group .btn-secondary .conversation-card-icon.visibility-icon-0 { background-image: url('Images/conv-internal-blue.png'); }

.btn-group .btn-primary .conversation-card-icon.visibility-icon-2 { background-image: url('Images/conv-private.png'); }
.btn-group .btn-primary .conversation-card-icon.visibility-icon-1 { background-image: url('Images/conv-public-white.png'); }
.btn-group .btn-primary .conversation-card-icon.visibility-icon-0 { background-image: url('Images/conv-internal.png'); }

.conversation-card .dropdown-item a { text-decoration: none; }

.conversation-card .card-header .conversation-card-icon { margin-left: 8px; background-size: 18px; }

.conversation-card .btn { margin-left: 20px; }
.conversation-card .btn-reply { background: url('Images/conv-reply.png') left center; background-repeat: no-repeat; background-size: 24px; padding-left: 24px;}
.conversation-card .btn-forward { background: url('Images/conv-forward.png') left center; background-repeat: no-repeat; background-size: 24px; padding-left: 24px;}

.conversation .form-group > .input-group > ul.tagit.ui-widget.ui-widget-content { margin-bottom: 0px; flex-grow: 1; }
.conversation .form-group.email-input > .input-group span.input-group-text { min-width: 52px; cursor: pointer; }

.conversation-card .btn-edit, .conversation-card .btn-delete { color: #7c7c7c; text-decoration: underline; margin: 0; }
.conversation-card.conversation-type-2.conversation-process-1 a.btn.btn-edit { display:none; }
.conversation-card span.conversation-head {display: inline-block; padding: .375rem; }
.conversation-card.conversation-process--1 span.conversation-head { font-style: italic; }

.conversation-card.collapsed .card-body { display: none; }

/*.conversation-card .card-body { max-height: 100px; overflow-y: hidden; }
.conversation-card .card-body.full { max-height: initial; overflow-y: hidden; }*/

.conversation .dropzone { min-height: 68px; }
.dropzone-container-centix { min-width: 68px; background-color: #efefef; display: inline-block; padding: 4px; margin: 4px; }
.dropzone-container-centix .file-name { color: black; }
.dropzone-container-centix.xlsx a { background: url('Images/menu-excel@2x.png') left center no-repeat; background-size: 12px; padding-left: 16px; }
.dropzone-container-centix.pdf a { background: url('Images/menu-pdf@2x.png') left center no-repeat; background-size: 12px; padding-left: 16px; }
.dropzone-container-centix.zip a { background: url('Images/doc-zip.png') left center no-repeat; background-size: 12px; padding-left: 16px; }
.dropzone-container-centix.doc a, .dropzone-container-centix.docx a  { background: url('Images/doc-word.png') left center no-repeat; background-size: 12px; padding-left: 16px; }
.dropzone-container-centix.png a, .dropzone-container-centix.gif a, .dropzone-container-centix.jpg a, .dropzone-container-centix.jpeg a { background: url('Images/doc-picture.png') left center no-repeat; background-size: 12px; padding-left: 16px; }
.dropzone-container-centix .dz-remove { display: none; }
.dropzone-container-centix .btn-delete { background: url('Images/delete-small.png') center center no-repeat; width: 18px; height: 18px; background-size: 18px 18px; }

@media only screen and (max-width: 977px), only screen and (max-height: 500px){
    .conversation .card-holder .children .card-holder { padding-left: 12px; background-image: url('Images/dot.png'), url('Images/dot.png'); background-repeat: no-repeat, no-repeat; background-position: left 6px top, left 6px top 48px; background-size: 1px 100%, 100px 1px; }
    .conversation .card-holder .children .card-holder:last-child { background-position: left 6px top, left 6px top 48px; background-size: 1px 48px, 100px 1px; }
}
/*--------------------------------------------------------------------------*/
.wide-descr { margin-top: 8px; }
.wide-descr .centix-descr {width: 100%;}

 /*************************** DocumentKind ***********************************/
.detail.documentkind   .item-label { display: inline-block !important; }
.detail.documentkind   .item-content { float: none !important; }
.detail.documentkind .item-label documentkind-userrestrictedaccess{float:left !important; margin-left:-136px}
.detail.documentkind .Field .FieldDescr{width:0px;}
 /*--------------------------------------------------------------------------*/

 /************* Versions **************/
.versions .list-column { clear: both; }
.versions .item-list.grid-view .item-label,.versions .item-list.grid-view .item-content{ width: 17.5%;}
/*--------------------------------------------------------------------------*/

.centix-file-preview.dz-preview.dz-error.dz-complete .dz-image { border: 2px solid red; }
.centix-file-preview.dz-preview .dz-error-message { margin-top: 25px;}
.centix-file-preview.dz-preview .dz-success-mark { color: green; font-size: 40px; text-align: center; margin-left: -15px; }
.centix-file-preview.dz-preview .dz-error-mark { color: red; font-size: 40px; text-align: center; margin-left: -15px; }
.centix-file-preview.dz-preview .dz-progress { margin-top: 12px; border: 1px solid #333; }

 /************* System Settings **************/
.system-buttons-header{ min-height:30px;width:400px;margin-top:25px;}
.system-buttons{width:250px!important;margin-top:20px;display:inline-block}
.system-links{float:left;width:350px}
/*--------------------------------------------------------------------------*/

 /************* System Settings CHECKS **************/
.centix-download-checks { float:left;border: none;max-width:120px; display:block;padding:0px 40px 0px 0;height:auto;text-decoration:none;background-image:url('images/download1.png'); background-repeat:no-repeat; background-position:right; }
.centix-download-checks:hover {text-decoration: underline !important;background-image:url('images/download2.png');}
.centix-download-checks img {float:right;}
.checks-contenterror{float:left;margin-top:25px;margin-left:20px;}
/*--------------------------------------------------------------------------*/

 /************* System Settings License **************/
 .license-header{margin-bottom:25px;font-weight:bold;}
 .license-activate{width:100px;margin-left:-133px;}
 /*--------------------------------------------------------------------------*/

/************* Security Group **************/
.securitygroups .item-list.grid-view .item-label, .securitygroups .item-list.grid-view .item-content { width: 11.5%;}
.revoked { background-color: red; }
.parentrevoked { background-color: tomato; }
.granted { background-color: green; }
.parentgranted { background-color: seagreen; }

.centix-securitygroupitem-treeview.centix-securitygroupitem-treeview-siblings.expanded { display: block; }
.centix-securitygroupitem-treeview.centix-securitygroupitem-treeview-siblings.collapsed { display: none; }
span.centix-securitygroupitem-treeview-item.parent-item { vertical-align: middle; width: 40px; height: 40px; padding: 0px; margin: 0px; display: inline-block; background: url('images/icon-minus.png') center no-repeat; background-size: 30px; }
span.centix-securitygroupitem-treeview-item.leave-item { vertical-align: middle; width: 40px; height: 40px; margin: 0px; display: inline-block; }
span.centix-securitygroupitem-treeview-item.parent-item.expand { vertical-align: middle; width: 40px; height: 40px; padding: 0px; margin: 0px; display: inline-block; background: url('images/icon-plus.png') center no-repeat; background-size: 30px; }
li.centix-securitygroupitem-treeview-item { vertical-align: middle; min-height: 40px; height: auto; }
li.centix-securitygroupitem-treeview-item a { width: calc(100% - 140px); display: inline-block; text-decoration: none; }

li.centix-securitygroupitem-treeview-item.parent-item.hidden { display: none; }
li.centix-securitygroupitem-treeview-item.leave-item.hidden { display: none; }

ul.centix-securitygroupitem-treeview.centix-securitygroupitem-treeview-root { list-style: none; display: block; padding: 0px; }
ul.centix-securitygroupitem-treeview.centix-securitygroupitem-treeview-siblings { display: block; background-color: #efefef; list-style: none; padding-left: 10px; }
li.centix-securitygroupitem-treeview-item a:hover { color: blue !important; }

.centix-securitygroupitem-treeview-item-grantbutton { vertical-align: middle; width: 30px; height: 30px; margin: 0px; display: inline-block; }
.centix-securitygroupitem-treeview-item-revokebutton { vertical-align: middle; width: 30px; height: 30px; margin: 0px; display: inline-block; }
.centix-securitygroupitem-treeview-item-resetbutton { vertical-align: middle; width: 30px; height: 30px; margin: 0px; display: inline-block; }

.centix-securitygroupitem-treeview-container { height: 700px; width: 900px; overflow: hidden; border: solid 1px #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.centix-securitygroupitem-treeview-container .centix-securitygroupitem-treeview-header { border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #ccc; }
.centix-securitygroupitem-treeview-container .centix-securitygroupitem-treeview-header .search-bar-input { height: 30px; width: 100%; border: none; }
.centix-securitygroupitem-treeview-container .centix-securitygroupitem-treeview-footer { border-top: solid 1px #ccc; border-left: none; border-right: none; border-bottom: none; height: 30px; }
.centix-securitygroupitem-treeview-container div.centix-securitygroupitem-treeview-tree { height: 630px; width: 100%; overflow: auto; }

.AddLocationDefault .row { margin-left: 0px !important; }
/*------------------------------------------------------------------------------------------------*/

/************* WebArticleSystemSettings **************/
.detail.systemsetting.webarticlesystemsetting .item-content {float: none !important;}
.detail.systemsetting.webarticlesystemsetting .item-label {display: inline-block !important;}
/* --------------------------------------------------*/

/************* WebAccountSystemSetting **************/
.detail.systemsetting.webaccountsystemsetting .item-content {float: none !important;}
.detail.systemsetting.webaccountsystemsetting .item-label {display: inline-block !important;}
/* --------------------------------------------------*/

/************* WebMobiletSystemSetting **************/
.detail.systemsetting.webmobilesystemsetting .item-content {float: none !important;}
.detail.systemsetting.webmobilesystemsetting .item-label {display: inline-block !important;}
/* --------------------------------------------------*/

/************* WebOrderSystemSetting **************/
.detail.systemsetting.webordersystemsetting .item-content {float: none !important;}
.detail.systemsetting.webordersystemsetting .item-label {display: inline-block !important;}
/* --------------------------------------------------------------------------------------*/

/************* WebWorkingTicketSystemSetting **************/
.detail.systemsetting.webworkingticketsystemsetting .item-content {float: none !important;}
.detail.systemsetting.webworkingticketsystemsetting .item-label {display: inline-block !important;}
/* -------------------------------------------------------------------------------------*/
  
/************* WebWorkFlowSysteemSetting **************/
.detail.systemsetting.webworkflowsystemsetting .item-content {float: none !important;}
.detail.systemsetting.webworkflowsystemsetting .item-label {display: inline-block !important;}
/* -------------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------------*/
/************* MeasuringDevice1MeasurementFunction **************/
.detail.measuringdevice1measurementfunction .item-content {float: none !important;}
.detail.measuringdevice1measurementfunction .item-label {display: inline-block !important;}
/* -------------------------------------------------------------------------------------*/

/************* WebBaseAddressCulture **************/

.detail.webculture .item-content {float: none !important;}
.detail.webculture .item-label {display: inline-block !important;}
.systemsettingdetail .list-header .list-column .webbaseaddressculture-isdefault { width: 150px; }
.systemsettingdetail .list-content .list-column .webbaseaddressculture-isdefault { width: 150px; }
.systemsettingdetail .list-header .list-column .webbaseaddressculture-enabled { width: 150px; }
.systemsettingdetail .list-content .list-column .webbaseaddressculture-enabled { width: 150px; }
.systemsettingdetail .list-header .list-column .webbaseaddressculture-cultureid { width: 150px; }
.systemsettingdetail .list-content .list-column .webbaseaddressculture-cultureid { width: 150px; }
.systemsettingdetail .list-header .list-column .webbaseaddressculture-dateformat { width: 150px; }
.systemsettingdetail .list-content .list-column .webbaseaddressculture-dateformat { width: 150px; }
/* -------------------------------------------------------------------------------------*/

/************* Return List Auto Responder Setting **************/
.masterdatadetail .list-header .list-column .returnlistautorespondersetting-emailusemaincontactperson { width: 150px; }
.masterdatadetail .list-content .list-column .returnlistautorespondersetting-emailusemaincontactperson { width: 150px; }
.masterdatadetail .list-header .list-column .returnlistautorespondersetting-emailuselocationusers { width: 150px; }
.masterdatadetail .list-content .list-column .returnlistautorespondersetting-emailuselocationusers { width: 150px; }
.masterdatadetail .list-header .list-column .returnlistautorespondersetting-emailuseorderdeliverperson { width: 150px; }
.masterdatadetail .list-content .list-column .returnlistautorespondersetting-emailuseorderdeliverperson { width: 150px; }

.masterdatadetail .list-header .list-column .returnlistautorespondersetting-administration { width: 250px; }
.masterdatadetail .list-content .list-column .returnlistautorespondersetting-administration { width: 250px; }

.masterdatadetail .list-header .list-column .returnlistautorespondersetting-emailtemplate { width: 250px; }
.masterdatadetail .list-content .list-column .returnlistautorespondersetting-emailtemplate { width: 250px; }

.masterdatadetail .list-header .list-column .returnlistautorespondersetting-miworkflowsetting { width: 250px; }
.masterdatadetail .list-content .list-column .returnlistautorespondersetting-miworkflowsetting { width: 250px; }

.masterdatadetail .list-header .list-column .returnlistautorespondersetting-emailreportdefinitionitem_reportname { width: 150px; }
.masterdatadetail .list-content .list-column .returnlistautorespondersetting-emailreportdefinitionitem_reportname { width: 150px; }
/* ----------------------------------------------------------------------------------*/

/************* Copy Object **************/
.detail .copyproperties .item-label { display: inline-block !important; width:200px;}

/************* Pack List Auto Responder Setting **************/
.masterdatadetail .list-header .list-column .packlistautorespondersetting-emailusemaincontactperson { width: 150px; }
.masterdatadetail .list-content .list-column .packlistautorespondersetting-emailusemaincontactperson { width: 150px; }
.masterdatadetail .list-header .list-column .packlistautorespondersetting-emailuselocationusers { width: 150px; }
.masterdatadetail .list-content .list-column .packlistautorespondersetting-emailuselocationusers { width: 150px; }
.masterdatadetail .list-header .list-column .packlistautorespondersetting-emailuseorderdeliverperson { width: 150px; }
.masterdatadetail .list-content .list-column .packlistautorespondersetting-emailuseorderdeliverperson { width: 150px; }

.masterdatadetail .list-header .list-column .packlistautorespondersetting-administration { width: 250px; }
.masterdatadetail .list-content .list-column .packlistautorespondersetting-administration { width: 250px; }

.masterdatadetail .list-header .list-column .packlistautorespondersetting-emailtemplate { width: 250px; }
.masterdatadetail .list-content .list-column .packlistautorespondersetting-emailtemplate { width: 250px; }

.masterdatadetail .list-header .list-column .packlistautorespondersetting-miworkflowsetting { width: 250px; }
.masterdatadetail .list-content .list-column .packlistautorespondersetting-miworkflowsetting { width: 250px; }

.masterdatadetail .list-header .list-column .packlistautorespondersetting-emailreportdefinitionitem_reportname { width: 250px; }
.masterdatadetail .list-content .list-column .packlistautorespondersetting-emailreportdefinitionitem_reportname { width: 250px; }
/* ----------------------------------------------------------------------------------*/

/************* Order Auto Responder Setting **************/
.masterdatadetail .list-header .list-column .orderautorespondersetting-emailusemaincontactperson { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailusemaincontactperson { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-emailuselocationusers { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailuselocationusers { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-emailuseorderdeliverperson { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailuseorderdeliverperson { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-administration { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-administration { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-emailtemplate { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailtemplate { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-miworkflowsetting { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-miworkflowsetting { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-emailreportdefinitionitem_reportname { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailreportdefinitionitem_reportname { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-status { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-status { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-emailcreatedbyperson { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailcreatedbyperson { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-emailwarehousemanager { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailwarehousemanager { width: 100px; min-width: 100px !important; }

.masterdatadetail .list-header .list-column .orderautorespondersetting-emailto { width: 100px; min-width: 100px !important; }
.masterdatadetail .list-content .list-column .orderautorespondersetting-emailto { width: 100px; min-width: 100px !important; }
/* ----------------------------------------------------------------------------------*/

/************* Work Flow Auto Responder Setting **************/
.masterdatadetail .list-header .list-column .workflowautorespondersetting-emailusecontactperson {
    width: 130px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-emailusecontactperson {
    width: 130px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-emailusereportedbyperson {
    width: 130px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-emailusereportedbyperson {
    width: 130px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-emailuseassignedtoperson {
    width: 130px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-emailuseassignedtoperson {
    width: 130px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-emailuseworkflowuser {
    width: 150px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-emailuseworkflowuser {
    width: 150px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-administration {
    width: 150px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-administration {
    width: 150px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-emailtemplate {
    width: 200px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-emailtemplate {
    width: 200px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-emailreportdefinitionitem_reportname {
    width: 150px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-emailreportdefinitionitem_reportname {
    width: 150px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-status {
    width: 150px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-status {
    width: 150px;
}

.masterdatadetail .list-header .list-column .workflowautorespondersetting-event {
    width: 150px;
}

.masterdatadetail .list-content .list-column .workflowautorespondersetting-event {
    width: 150px;
}

/*Scheduler */
.markedtimespan  {
    background-image: url('Images/fat_lines.png');
}

/* ----------------------------------------------------------------------------------*/

*:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}