/******************************************************************************
 *  Form
 ******************************************************************************/

.desktop,
.form {
    margin: 0px;
    background-color: AliceBlue;
}
.form-debug {
    background-image: url(../img/debug.png);
}

/******************************************************************************
 *  Layout managers
 ******************************************************************************/

.layout {}



.langlayout_show_default,
.langlayout_show_all {
	border-collapse: collapse;
 	cell-spacing: 0px;
 	margin: 0px;
 	padding: 0px;
}
.langlayout_show_default TD,
.langlayout_show_all TD {
	padding: 0px;
}


.gridlayout {
	border-collapse: separate;
	border-spacing: 0px 0px;
	border-style: none;
	word-wrap: normal;
	margin: 0px;
}

.gridlayoutelement {
	padding: 0px;
}





/******************************************************************************
 *  Menu
 ******************************************************************************/

.menubar {
    padding: 4px 2px 4px 2px;
    text-align: left;
}

.menubutton {
    cursor: default;
    left: 0px;
    position: relative;
    top: 0px;
    z-index: 100;
}
.menubutton.highlight,
.menubutton.highlight:hover {
    left: 1px;
    top: 1px;
}

.menulist {
    left: 0px;
    padding: 0px 1px 1px 0px;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 101;
}
.menulist .menuitem {
    display: block;
}
.menulist .menuitem .menuitem-text {}
.menulist .menuitem .menuitem-arrow {
    margin-right: -.75em;
}
.menulist .menuitem-sep {
    border-top: 1px solid #909090;
    border-bottom: 1px solid #f0f0f0;
    margin: 4px 2px;
}

/******************************************************************************
 *  Panels
 ******************************************************************************/

.dd-panel .card-header {
    color: #212529;
    background-color: #e7f1ff;
    padding: .5rem 1rem;
}
.dd-accordion .accordion-button {
    padding: .5rem 1rem;
}
.dd-accordion .accordion-button.collapsed {
    color : #0c63e4;
}
.dd-accordion .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/******************************************************************************
 *  Media
 ******************************************************************************/
 
.mediabox-controls {height:25px;}
.mediabox-controls label {margin-left:10px;}
.mediabox-controls input {font-size:10px;}
.mediabox-controls button {height:25px;width:25px}
.mediabox-filter-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/filter.png);
    width: 16px;
    height: 16px;
}
.mediabox-content {
    background-position: top left;
    text-align: left;
    overflow: auto;
}

.mediaupload {}
.mediaupload input[type="file"] {display:none;}
.mediaupload input[type="text"] {width:100%;}
.mediaupload-link {}
.mediaupload-file {}
.mediaupload-input {display:block; overflow:hidden;}
.mediaupload-controls {float:right}





/******************************************************************************
 *  Tree
 ******************************************************************************/

.TreeList {
	display: none;
	padding-left: 0px;
	margin-left: 0px;
}

.treebox {
	background-color: white;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	border: 1px inset;
	overflow: auto;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}

.treebox-element {
	background-image: url(../img/bullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-style: none;
	cursor: pointer;
	list-style: none;
	padding-left: 20px;
	padding-top: 3px;
	text-align: left;
}

.treebox-element.expanded {
	background-image: url(../img/minus.gif);
}

.treebox-element.collapsed {
	background-image: url(../img/plus.gif);
}

.treebox-levelup-button-image {
	background-image: url(../img/tree-buttons.png);
	background-position: 48px 0px;
	width: 16px;
	height: 16px;
}

.treebox-add-button-image {
	background-image: url(../img/tree-buttons.png);
	background-position: 32px 0px;
	width: 16px;
	height: 16px;
}

.treebox-remove-button-image {
	background-image: url(../img/tree-buttons.png);
	background-position: 16px 0px;
	width: 16px;
	height: 16px;
}

/******************************************************************************
 *  Misc Components
 ******************************************************************************/

.colorbox {
    display: inline-block;
    vertical-align: middle;
    border-width: 1px;
    border-style: inset;
    border-color: ThreeDDarkShadow ThreedLightShadow ThreedLightShadow ThreeDDarkShadow;
    width: 14px;
    height: 14px;
}

.listbox-insert-button-image {
	background-image: url(../img/list-buttons.png);
	background-position: 0px 0px;
	width: 16px;
	height: 16px;
}

.listbox-delete-button-image {
	background-image: url(../img/list-buttons.png);
	background-position: 16px 0px;
	width: 16px;
	height: 16px;
}

.lockswitch+label {
    vertical-align: text-bottom;
}

.lookup-popup {
    cursor : default;
    display : block;
    position : absolute;
    overflow : auto;
    top : 0;
    z-index: 1060;
}
.lookup-table {
    border-collapse: collapse;
    border-width: 0px;
    width: 100%;
}