@charset "utf-8";
/* CSS Document */

.LTR {
    direction:ltr; 
  	text-align:left;  
}

.RTL {
    direction:rtl; 
  	text-align:right;  
}


.SystemStyleWODCode{
	background-color: black;
	color: white;
	font-family: monospace;
}



.AiButton {
    padding: 5px; font-size: 14px; height:auto !important; border-top-right-radius: 0; border-top-left-radius: 0;	
}




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

#CommandLine {
padding-bottom: 30px;
}

.CommandButton {
margin-bottom: 2px; 
}

.CommandButtonSet2 {
 margin-left: 17px; 
}

}


#HelpDivXX{
	width: 30%; height: calc(100% - 100px); position: fixed; top: 0; left: 0; background-color: white; z-index:100;	
}

#WED_BodyXX{
	width: 70%; height: calc(100% - 100px); position: fixed; top: 0; right: 0; background-color: white; z-index:100; overflow-y: scroll;	
}


.HelpBody{
	width: calc(100% - 300px);
	float: right;	
}

.HelpDiv {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
}

.HelpDiv {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
}


.SavedOK {
	display:inline-block;
	text-align:center;
	font-size:24px;
	background-color:#090;
	color:#FFF;
	padding:10px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.SavedFailed {
	display:inline-block;
	text-align:center;
	font-size:24px;
	background-color:#900;
	color:#FFF;
	padding:10px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;	
}

#SomeDivWithTheGIF {
   position:fixed;
   display:none;
   z-index:9999999 !important;
   width:500px;
   height:271px; 
   border:#999 solid 1px;
   
   background-color:#FFF;
     
}
.HintGIF img {
    /*height:126px;*/
	width:500px;
}
.HintGIF {
    height:217px;
	background-color:#CCC;
}
.HintText {
   height:54px;
   padding:15px;
   font-weight:bold;
   border-top:#999 solid 1px;
}

.CommandHighlight {
    background-color: black;
    color: white;
    margin-right: 3px;
    padding: 3px;
    min-width: 20px;
    display: inline-block;
    text-align: center;
}

.CodeMirror-scroll {
    height:auto !important;
	min-height: 100% !important;
}

.u-ss {
    position: fixed;
    right: 0;
    top: auto;
    bottom: 0px !important;
}

aside .u-ss-wrap {
    top:auto !important;
	bottom: 0 !important;
    height: auto !important;
    right: -254px !important;
    width: 254px !important;
}

.u-ss_opened .u-ss-wrap {
    right: 0 !important;
}

.u-ss_opened .u-ss-wrap {
    
	
}

aside .u-ss-toggler {
    top:auto !important;
	bottom: 0 !important;
	background-color:#FFF !important;
	
}

aside {
    z-index:99999991 !important;
}


aside .u-ss-check__item {
    width: 12px  !important;
    height: 12px  !important;
}

aside .u-ss-section {
     margin-bottom: 0px  !important;
	 border:none !important;

}

aside .u-ss-check {
    margin: 0 2px 2px  !important;
}

aside .u-ss-check-section {
    margin: 0  !important;
     width: 120px !important;
	 float:left !important;	
	     padding-top: 3px;
}

aside .u-ss-body {
    padding: 10px  !important;
	height: 53px !important;
	background-color: rgba(255,255,255,0.9)  !important;
	
}

aside .u-ss-btn {
    width: 45px !important;	
     padding: 0px  !important;
	 float:left !important;
	     height: 32px;
}

aside .u-ss-control-wrap {
     margin-bottom: 0px !important; 
}


aside .u-ss__control {
    width: 64px !important;
	padding: 0px  !important;
	margin-left:0px !important;
	margin-right:10px !important;
	float: left !important;
	padding-left: 3px !important;
	    height: 32px;
}


.sp-container {
	z-index:99999992 !important;	
}

/*.sp-container {
    position:fixed !important;
	top:100px !important;
	top:auto !important;
	bottom: 65px !important;
    right: 28px !important;
	z-index:99999992 !important;
	
}*/



.sp-replacer {
    height: 32px;
    transform: initial !important;
}
.istabctl, EditFormField iframe {
	background-color: #fff !important;
}

.istab {
    border: #eee solid 1px !important;
}

.tableftsel, .tabtitlesel, .tabrightsel {
    background-image:none;
}

.tableftsel:parent:parent:parent {
    border: #900 solid 1px !important;
}

.HistoryTabContent {
	font-family:monospace;
	font-size:14px;
}

.HistoryHeader {
	display:block;
	font-size:18px;
	margin-bottom:20px;	
}

.HistoryHeader i {
	font-size:12px;
}

.HistoryField {
	font-size:14px;
	width:100%;
	height:300px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;	
}

.PreviewDiv {
	width:596px;
}
.PreviewDiv hr {
	font-size:14px;
	border-bottom:#999 solid 1px;
}



#WzTtDiV{


}



#WzTtDiV .SQL {
	color:#FFF;
	/*padding:2px;*/
	cursor:pointer;	
    position: absolute;
	left: 8px;
	top: 46px;
}

#WzTtDiV .SQL1 {
	background-color:#000;
	font-size:8px;
}

#WzTtDiV .RAD {
	color:#FFF;
	background-color:#000;
	/*padding:2px;*/
	cursor:pointer;	
    position: absolute;
    top:0px;	
	left:30px;
}

#WzTtDiV .SQLTA {
    position: absolute;
	top: -32px;
    left: 4px;
	z-index:-1;
}
#WzTtDiV textarea {
    white-space: normal;
    overflow: auto;
    resize: both;
	width:1px;
	height:1px;
	font-size:0px;
}


.ErrorMsgBox img {
    float: left;
	height:64px;
	padding-right:10px;
	margin-top:10px;
}

.ErrorMsgBox img {
    float: left;
}


#ErrorMsgBox {
	font-size:16px;
	font-family:"Courier New", Courier, monospace;
}

#ui-id-1 {
	
}

.ItemAdminBgRed {
	background-image: url(/images/ItemAdminBgRed.png); display:inline-block; color:black !important; border:#999 1px solid;
}

.Files {
	width:85px;
	height:100px;
	float:left;
	margin:10px;
	display:block;
	overflow:hidden;
}
.Filesimg2 {
	width:72px;
	height:72px;
	margin:auto;
	display:block;
}
.Filesimg {
	width:72px;
	height:72px;
	text-align:center;
	vertical-align:bottom;
	display:table-cell;
	padding-bottom:5px;
}



.ui-front {
    z-index: 999999999 !important;
}







.SystemClassNewSectionInput {

	/* background-image:url(/images/ItemAdminBg.png); */
	font-family:"Courier New", Courier, monospace;
	back ground-color:#009;
	color:#000;
	width:400px; 
	height:200px !important; 
	margin-top:20px;
	border-radius: 5px; 
	border:#999 solid 1px; 
	padding:3px; 
	font-size:24px; 
	font-weight:bold;	
	display:none;
	position:absolute;
    z-index: 9999998 !important;



    

    font-weight: normal;
    font-size: 20px;
    padding: 10px;
	
	background-color: black;
    color: white;
	
	/* border-bottom: 10px solid #FFF; */
    /* width: 50%; */
    /* font-family: monospace; */
	
	
	/* 2026 */
	

	/*  
	position: fixed;
    width: 80%;
    margin: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	*/	
	
    width: 80%;
    margin: auto;	
	left: 50%;
	/* transform: translate(-50%, -50%); */
	transform: translate(-50%);

}

.SystemClassNewSectionInputRegPoz {
	
	font-family:"Courier New", Courier, monospace;
	width:400px; 
	height:200px !important; 
	margin-top:20px;
	border-radius: 5px; 
	border:#999 solid 1px; 
	display:none;
	position:absolute;
    z-index: 9999998 !important;    
    font-size: 20px;
    padding: 10px;	
	background-color: black;
    color: white;
		
    width: 80%;
    margin: auto;	
	
}

.ShowTableList {position:fixed;}
.Hand {cursor: pointer;}
.Hide {display:none;}
.b {border:#990000 solid 1px;}

/******************************** Index3 ***********************************/
/*
#DialogBoxPosition {position:fixed; top:50%; left:50%; z-index:0; display:none;}
#DialogBox {width:946px; height:580px; margin-top:-290px; margin-left:-473px; background-color:#DFDFDF; color:#333333; font-family:Arial, Helvetica, sans-serif;}
*/
/*#DialogBoxiframe {width:942px; height:542px; border:#000033 solid 1px;}*/
#ParentControlPanelFrame {width:100%; height:100%; border:none; !important;}
#ParentControlPanelFrameBG {background-color:rgba(0, 0, 0, 0.1); !important;}
#DialogBoxiframe {width:100%; height:100%; border:none !important;}
#DialogBox {overflow:hidden;border-top: #CCC solid 1px;}


/******************************** Edit ***********************************/

#CommandLine {position:fixed; top:0; background-color:#fafafa; padding-left:0px; padding-top:10px; padding-bottom:0px; width:100%; background-image:url(/images/TabsBG.jpg); background-repeat:repeat-x; background-position:bottom;  z-index:3; height:80px; margin-left:0px;}
.CommandButton {

	
	height:20px !important;
	color:#8f8f8f;
	font-family:Arial, Helvetica, sans-serif;
	
    padding: 2px;
    background-size: 16px;
    padding-left: 5px;
	padding-right:5px;
	padding-top:4px;
	padding-bottom:4px;
    background-repeat: no-repeat;
    /* height: 160px; */
    color: #8f8f8f;
    /*font-family: 'Pragati Narrow', sans-serif;*/
    font-size: 12px;
/*    background-position: 9px; */
	
/*	border-radius: 10px;*/
	border:#CCC solid 1px;
/*	background-color:#333;
	color:#FFF;*/
	

    border: none	;
    background-color: #222;
    color: white;
    padding: 8px;
    border-radius: 6px;
    display: inline-block;
	
	background-image: linear-gradient(0deg, #000000 0%, #686464 100%) !important;
    background-size: cover;	
	
	cursor:pointer;
	
}

.Disabled {
	
	background-image: none !important;
	background-color:#666;
	cursor: default;	
}

.CommandButton:hover {
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}

.CommandButtonRightMargin {margin-right:10px;}
.CommandButtonLeftMargin {margin-left:10px;}
/*.CommandButtonSave {background-image:url(/images/Save.JPG);}*/
.CommandButtonCancel {background-image:url(/images/Icons/Admin/CancelS.gif);}
/*.CommandButtonSet2 {background-image:url(/images/EditTables.png);}*/
.CommandButtonEject, .CommandButtonSetxx {
/*	background-image:url(/images/UU.jpg); float:right;*/ 

	/*
	width:16px;
	height:16px;
	
	background-size: 20px;

    top: 43%;
    width: 30px;
    margin: -10px 10px 0 0;
    padding: 1px;
    height: 20px;	
	
	border-radius: 0;
	border:none;
	
	*/

	position: absolute;
    right: 15px;
	margin-right: 20px;
	
}
.CommandButtonSetxx {

    background-image:url(/images/Icons/Admin/EditField.JPG); float:right; 
	margin: -10px 47px 0 0;

}
.CommandButtonKeys {}
.CommandButtonLock {}
.CommandButtonTimers {float:right; }
.CommandButtonfAdmins {float:right; }
.CommandButtonfPrivew {float:right; }
.CommandButtonSet {float:right;  }
.CommandButtonImport {float:right;  }
.CommandButtonSetEnd {}
.CommandButtonSyncPicturs {float:right;}


.Apps {
    width: 50px;
    height: 50px;
    float: left;
    margin: 6px;
    display: block;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 800px 100px;
    border-radius: 10px;
    color: #333;
    cursor: pointer;
    border-color: #FFF;
}
.Appsimg2 {
	width: 50px;
    height: 43px;
    margin: auto;
    display: block;
}
.Appsimg {
	width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: bottom;
    display: table-cell;
    padding-bottom: 5px;
}
.Appsimg img {
	max-height:65px;
	max-width:65px;
	cursor:pointer;
}

.AppsLable, .Apps a {
	

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
	text-decoration:none;
	text-align:center;
}

.AppIcon {
	font-size: 40px;
    border: #666 solid 0px;
    text-align: center;
    padding-bottom: 10px;		  
}
.AppIconSys {
	font-size: 40px !important;
    border: #666 solid 0px;
    text-align: center;
    padding-bottom: 10px;
	color:#333;		  
}


#AppsDiv h2 {
	margin:0;
}

.Apps img {
	height: 40px;
    margin-top: 10px;
}

.Appsimg span {
	display:inline-block;
}


#EditFormDiv {background-color:#F7F7F7; border-top:none; margin:0px; margin-top:70px; padding-left:10px; padding-right:10px;}
#EditFormDiv2 {padding:5px; overflow: auto;}
#EditFormDiv .hr{background-color:#FFFFFF; height:1px; clear:both;}
#EditFormTitle {padding-bottom:20px; font-size:24px; text-align:center; color:#006699;}
.EditFormFieldHelp {width:40px; padding-right:10px; margin-top:10px; float:left; text-align:right; font-weight:bold;}

.EditFormFieldNameDis {width:100px; padding-right:10px; margin-top:10px; float:left; text-align:right; color:#000; font-size:14px;}
.EditFormFieldName {width:100px; padding-right:0px; margin-top:10px; color:#000; font-size:20px; width: calc(100% - 10px); margin: auto; padding-left: 0px; font-weight:bold; color:#444;

	padding: 4px;
    border-radius: 10px;
    XXXwidth: fit-content;
    XXXmargin-left: 6px;


}


.EditFormFieldNameXXX  {
	/*font-family: 'Roboto','RobotoDraft',Helvetica,Arial,sans-serif !important;*/
	/*font-family: Camphor,Open Sans,Segoe UI,sans-serif !important;*/
	/*text-transform:capitalize;*/
	
	color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 26px;	
	font-family: Arial;
	margin-right: 10px;
}

.EditMessage {
    background-color: #930808;
    color: white !important;
    padding: 5px;
	border-radius: 4px;
	padding: 4px;
	width: fit-content;
}

.FileUpload {
    background-image: url(/Images/FileUpload.png);
    background-position: 10px -3px;
    background-repeat: no-repeat;
    background-size: 25px;
	padding-left:40px !important;
	cursor:pointer;
}

.FileUploadEditForm {
    width: calc(100% - 0px) !important;
    display: block;
}

.FileUploadImg {
    float: right;
    margin-top: -37px;
	margin-right:2px;
	height: 36px;
}

.FileUploadImg img {
	max-width: 100%;
    max-height: 100%;	
}

.FieldGroup {
	margin-left: 15px;
    font-size: 30px;
    margin-bottom: 15px;
	padding-top: 20px;
}

.FieldGroup_6::before {
  content: "";
}

#FieldGroup_GoogleProductLayout::before {

	content: "";
	
	background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/3/39/PayPal_logo.svg/2560px-PayPal_logo.svg.png);
	background-size: contain;
	background-repeat: no-repeat; 
	
	display:block;
	height: 20px;
    width: 100px;	
  
}

#Tab_6::before {

	content: "";
	
	background: url(/images/Logos/GoogleSheets.png);
	background-size: contain;
	background-repeat: no-repeat; 
	
	display:block;
	height: 20px;
    width: 100px;	
  
}

.EditFormFieldEdt {XXwidth:80px; padding-right: 10px; margin-top:10px; float:left; text-align:right; font-weight:bold; padding-left:20px;}
.EditFormFieldTab {XXwidth:80px; padding-right:10px; margin-top:10px; float:left; text-align:right; font-weight:bold;}
.EditFormFieldPreset {XXwidth:50px; padding-right:10px; margin-top:10px; float:left; text-align:right; font-weight:bold;}

.EditFormField {XXfloat:left; font-size:14px; width: calc(100% - 10px); margin: auto; margin-bottom:0px; margin-top:5px;}
.EditFormFieldShort {XXfloat:left; margin-bottom:5px; margin-top:5px; XXwidth:600px; width:calc(100% - 30px); margin: auto;}

.EditFormField input{width:100%; border: 1px solid #bbb; padding:5px; padding-left:10px; padding-right:10px; border-radius: 0rem;}
.EditFormField input[type="checkbox" i]{width:auto;}
.EditFormField select{ border: 1px solid #bbb; padding: .375rem .75rem; border-radius: 0rem;}

.EditFormField textarea{width:100%; border: 1px solid #bbb; padding: .375rem .75rem;}
.EditFormFieldShort input{width:100%; border: 1px solid #bbb; padding: .375rem .75rem;}
.EditFormFieldShort textarea{width:100%; border: 1px solid #bbb; padding: .375rem .75rem;}
#editor{width:100%; border: 1px solid #bbb !important; padding: .375rem .75rem;}


.EditFormField input, .EditFormField textarea, .EditFormField table, .EditFormField select, .EditFormField div, #editor{
	color: #333!important;
	background-color: #fff;

	font-weight: 400;
    font-size: 18px;
    line-height: 26px;	
	border-radius: 6px;
}

#editor {
	width:calc(100% - 26px)
}


.EditFormField .ui-slider{
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;	
}

.EditFormField .ui-slider .ui-slider-handle{
	margin-top: 8px;	
}

.EditFormFieldShort input, .EditFormFieldShort textarea, .EditFormFieldShort table, .EditFormFieldShort select{
	color: #333!important;
	background-color: #fff;

	font-weight: 400;
    font-size: 18px;
    line-height: 26px;	
	border-radius: 0px;
}

.EditFormFieldEdt input, .EditFormFieldEdt textarea, .EditFormFieldEdt table, .EditFormFieldEdt select{color: #333 !important; background-color: #fff !important;	font-weight: 400; font-size: 18px; line-height: 26px; border-radius: 0px; margin-bottom: 30px;}
.EditFormFieldTab input, .EditFormFieldTab textarea, .EditFormFieldTab table, .EditFormFieldTab select{color: #333 !important; background-color: #fff !important;	font-weight: 400; font-size: 18px; line-height: 26px; border-radius: 0px;}
.EditFormFieldPreset input, .EditFormFieldPreset textarea, .EditFormFieldPreset table, .EditFormFieldPreset select{color: #333 !important; background-color: #fff !important;	font-weight: 400; font-size: 18px; line-height: 26px; border-radius: 0px;}

.EditFormField input, .EditFormField textarea, .EditFormField select{
	width: calc(100% - 0px);
}

.HotFieldClass  {
    width: 110px;
    float: right;
    margin-right: 20px;
}

.EditFormField table:first-child{
	
}


/*.EditFormFieldName {margin-top:10px; color:#000; font-size:20px; font-weight:bold;}
.EditFormField {float:left; margin-bottom:5px; margin-top:5px; font-size:14px; width:100%;}
.EditFormField input{width:99%; border:none; background-color:#eff5fc; padding:5px; border-radius: 10px;}
.EditFormField textarea{width:99%; border:none; background-color:#eff5fc; padding:5px; border-radius: 10px;}*/


.AdminTab, .AdminTabOn  {
	font-family: Arial;
	margin-left: -3px;
}


#IconSample {
	font-size: 40px !important;
    vertical-align: middle;
	padding-left:10px;
}
#IconSampleNew {
	font-size: 20px !important;
    vertical-align: middle;
	margin-top: 1px;
}
#TabsDivs #IconSampleNew {
	margin-top: -4px;
	margin-right: 1px;
}



/* On Edit Tables */
#EditFormDivB {background-color:#FFFFFF; padding:0px; width:100%; color:#333333;}
.EditTblsTbl {margin-top:8px; display: block; width: 100%; overflow: auto; height: calc(100% - 100px);}
.EditTblsTbl .trh {background-color:#333}
.EditTblsTbl th a {font-weight:bold; color:#FFF; font-family: monospace; text-decoration: none;}

.EditTblsTbl th {vertical-align:top; border:#ddd solid 1px; font-size:13px; font-family: monospace; padding:8px;}
.EditTblsTbl td {vertical-align:top; border:#ddd solid 1px; font-size:10px; font-family: monospace;}

.EditTblsTbl td a {color: #000}
.EditTblsTbl td img {cursor:pointer;}

.EditTblsTbl td span {
    height: 10px !important;
    display: inline-block;
	overflow: hidden;
}

.trh img {
    filter: invert(1);
}

/******************************** ControlPanel ***********************************/

#ControlPanelDialogPark {
	POSITION: fixed; bottom: 0px; height:50px; width:100%; background-color:#CCCCCC; border-top:#333333 solid 1px;
	background-image:url(/images/ParkBG.jpg);
}


/*#ParentControlPanel .ControlPanel-container {
	POSITION: relative; PADDING-LEFT: 20px; HEIGHT: 100%; TOP: -8px;
}*/


.ParentControlPanelClose {
	POSITION: fixed; bottom: 0px; width:100%; z-index:9999999; direction:ltr; text-align: left; width:100%;
}

.ParentControlPanelOpen {
	POSITION: fixed; bottom: 0px; width:100%; z-index:999999999; HEIGHT: 100%;
}



.circle-container {
/*	background-color: rgba(0,0,0,.6);
	background-color: rgba(255,255,255,1);*/
	border-radius: .5rem;
//	padding:1px;
//	padding-left:5px;
//	padding-right:5px;
}




#ControlPanel {
	POSITION: fixed; bottom: -15px; width:100%; height:100px;
}
#ControlPanel .ControlPanel-container {
	POSITION: relative; PADDING-LEFT: 30px; HEIGHT: 100%; TOP: 0px;
/*	background-color: rgba(0,0,0,.6);
	background-color: rgba(255,255,255,1);*/
	border-radius: .5rem;
	/*border:#FFF solid thin;*/
}
#ControlPanel p.ControlPanel-item {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 50px; BOTTOM: 0px; DISPLAY: block; COLOR: #FFFFFF; TEXT-DECORATION: none; cursor:pointer; margin-left:3px; margin-right:3px; display:inline-block;
}
#ControlPanel p.ControlPanel-item span{
	font-weight:bold; font-size:14px;
	text-shadow: -1px -1px 5px #000000, 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000;
}
#ControlPanel .ControlPanel-item SPAN {
	PADDING-LEFT: 20px; DISPLAY: none; width:200px; text-align:center; margin-left:-75px;
}
#ControlPanel .ControlPanel-item IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 75%; BORDER-TOP: 0px; BORDER-RIGHT: 0px;
/*	-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,1));      
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,1));	*/
	/*padding:10px;*/
	MARGIN: 5px 10px 0px; 
	
	padding: 4px;
	margin-right: 10px;
	margin-left: 10px;	
	border-radius: 12px;
	background-color: #FFF;
	border:#CCC solid 1px;
	
	transition: all .2s ease-in-out;	
	
}

.Boom {
	/*
	background-color:#990000;
	color:#FFFF00;
	border:#000066 solid 5px;
	*/
}

.textarea {

resize: vertical;
}


.ItemControlPanel {
	border:none !important;
	position:absolute !important;
	z-index:9999990 !important;
	cursor: pointer !important;
	
	/*width:24px !important;*/
	/*width:auto !important;*/
    max-width: fit-content;
	
	height:24px !important;	
	
	display:inline-block;
	border:none !important;
	
	box-shadow:none !important;
	border:0 !important;	
	
/*	border-radius: 50%;
	
  box-shadow:
    inset 0 0 0px #fff,
    inset 2px 0 8px #F90,
    inset -2px 0 8px #FC0,
    inset 2px 0 300px #F90,
    inset -2px 0 300px #FC0,
    0 0 5px #fff,
    -1px 0 40px #F90,
    1px 0 40px #FC0;*/
}


.ItemControlPanel2 {
	position:absolute !important;
	z-index:100 !important;
	cursor: pointer !important;
	opacity: 1 !important;
	width:38px !important;
	height:24px !important;	
}

.ItemControlPanelTable {	
	/* background-image:url(/images/ItemAdminBg.jpg); */
	background-repeat:repeat-x;
	/* background-color: #E6ECFF; */
	padding-right:5px;
	width:400px;
	padding:3px;
	margin:0 !important;
}

.ItemControlPanelTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	text-align:left;
	padding:6px;
}

.ItemControlPanelLink {
	cursor:pointer;
	width:36px !important;
	height:36px !important;	
	/* float:left !important; */
	z-index:1;
	vertical-align:middle;
	
	padding: 5px;
	margin-right: 3px;	
	border-radius: 6px;
	background-color: white;
	border:#CCC solid 1px;
	
	transition: all .2s ease-in-out;
	
	display: inline-block;
	
	
/*	-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,1));      
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,1));	*/
	
}

.ItemControlPanelLink:hover {
	transform: scale(1.25);
	z-index:2;
}








/******************************** ControlPanel ***********************************/



.WOD_PageNavigationiframe {
	/*position:absolute;*/
	border:#999999 solid 1px;
	background-color:#FFFFFF;
	z-index:5;
	/*
	background-image:url(/images/frame.png);	
	*/
	height:500px;
	width:630px;
	overflow-y:scroll;
	margin-top: 10px;
	
}

.WOD_ProductOptionsframe {
	border:#e7e7e7 solid 1px;
	background-color:#FFFFFF;
	z-index:5;
	height:200px;
	width:250px;
	overflow-y:scroll;
	float:left;
	margin-left:2px;
	border-radius: 10px;
	
}


.WOD_PageNavigation {
	position:absolute;
	border:#999999 solid 1px;
	background-color:#FFFFFF;
	z-index:5;
	/*
	background-image:url(/images/frame.png);	
	*/
	height:150px;
	overflow-y:scroll;
	
	
}
.WOD_PageNavigation * {
	font-size:12px;	
	line-height:12px;	
}
.treeview {
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	LIST-STYLE-IMAGE: none;
	padding:5px;
}
.treeview UL {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	LIST-STYLE-IMAGE: none;
	PADDING-TOP: 0px
}
.treeview UL {
	MARGIN-TOP: 4px
}
.treeview .hitarea {
	WIDTH: 16px;
	BACKGROUND: url(/JScripts/treeview-default.gif) no-repeat -64px -25px;
	FLOAT: left;
	HEIGHT: 16px;
	MARGIN-LEFT: -16px;
	CURSOR: pointer
}
* HTML .hitarea {
	DISPLAY: inline;
	FLOAT: none
}
.treeview LI {
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	PADDING-LEFT: 16px;
	PADDING-RIGHT: 0pt;
	PADDING-TOP: 3px;
	CURSOR: pointer;
}
.treeview A.selected {
	BACKGROUND-COLOR: #eee
}
#treecontrol {
	MARGIN: 1em 0px;
	DISPLAY: none
}
.treeview .hover {
	COLOR: red;
	CURSOR: pointer
}
.treeview LI {
	BACKGROUND: url(/JScripts/treeview-default-line.gif) no-repeat 0px 0px
}
.treeview LI.collapsable {
	BACKGROUND-POSITION: 0px -176px
}
.treeview LI.expandable {
	BACKGROUND-POSITION: 0px -176px
}
.treeview .expandable-hitarea {
	BACKGROUND-POSITION: -80px -3px
}


.FieldClass {
	background-color:#FFC;
	padding:3px;
	margin:3px;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
	color:#666;
	/* display:inline-block; */
	font-family:"Courier New", Courier, monospace;
}

.FieldClassGreen {
	background-color:#CCE6D7;
}

#LayoutTagsBtnCls, #LayoutTagsBtn {
    font-size: 20px;
    margin-left: 10px;
}

#LayoutTags > span:nth-child(n+11) {
    background-color: #AFF2F5; /* Replace with your desired color */
}

.XXXFormFiledWidth {
    float: left;
}

.FormFiledWidth_rtl, .FormFiledWidth_rtl .Checkbox_Option, .FormFiledWidth_rtl .Checkbox_Option input {
    float: right;
	margin-right: 0;
}

.FormFiledWidth_ltr, .FormFiledWidth_ltr .Checkbox_Option, .FormFiledWidth_ltr .Checkbox_Option input {
    float: left;
	margin-left: 0;
}

/*.Checkbox_Option {
    width: 22%;
	margin-top:10px;
    margin-bottom: 40px;
    padding: 10px;
    font-size: 17px;
	
	width: 19%;
	padding: 20px;
    border: 1px #ccc solid;
    margin: 10px;	
}

.Checkbox_Option input {
	margin: 10px;
	margin-top: 0px;
    width: 20px !important;
    height: 20px;
}

fieldset {
    margin:0;
	padding:0;
	border: 1px solid #bbb;
}*/







fieldset {
    box-sizing: border-box;
	/* display: grid;  */
    display: flex;
    flex-wrap: wrap;	 
	grid-template-columns: repeat(3, auto);
	grid-template-columns: repeat(3, 33%);
	gap: 10px 10px;
	margin:0;
	padding:0;
	border: none;
}

.Checkbox_Option {
    box-sizing: border-box;
	font-size: 17px;	
	width: 100%;
	padding: 20px;   
	margin: 0px;	
/*	margin-top:10px;
	margin-bottom: 40px;*/
	border: 1px #ccc solid;
	height: 80px;
    flex: 1 0 32%;
}

.Checkbox_Option input {
	margin: 10px;
	margin-top: 0px;
	width: 20px !important;
	height: 20px;
}







.AdminTab {
	display:block;
	background-color:#FFFFFF;
/*	background-image:url(/images/TabOff.jpg);*/
	background-position:left;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	font-size:16px;
	cursor:pointer;
	color:#8f8f8f;
	height:21px;
	float:left;
	border: #eee solid 1px;

}
.AdminTabOn {
	display:block;
	background-color:#FFFFFF;
/*	background-image:url(/images/TabOn.jpg);*/
	background-position:left;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	color:#000;
	height:21px;
	float:left;
	border: #eee solid 1px;
}
.AdminTabEnd {
	display:block;
	background-image:url(/images/TabEnd.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:31px;
	width:12px;
	float:left;
}
#TabsDivs {position:absolute; bottom:0; left: 7px;}
.Tab {clear:both; padding-top: 20px;}

.Clear {clear:both;}


#Tab_0 {display:block;}

.AdminText {
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	border:dotted #CCC 1px;
	
}

#dialog-restore span{
	background-image:url(/JScripts/jquery-ui/smoothness/images/ui-icons_888888_256x240.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	background-position:-49px -82px;
	display:block;
}

#dialog-maximize span{
	background-image:url(/JScripts/jquery-ui/smoothness/images/ui-icons_888888_256x240.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	background-position:-32px -82px;
	display:block;
}

#dialog-minimize span{
	background-image:url(/JScripts/jquery-ui/smoothness/images/ui-icons_888888_256x240.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	background-position:-47px -132px;
	display:block;
}

#dialog-minimize{
	height:18px;
	margin:0;
	padding:1px;
	position:absolute;
	right:1.5em;
	top:12px;
	width:19px;
}

#dialog-maximize  {
	height:18px;
	margin:-10px 0 0;
	padding:1px;
	position:absolute;
	right:1.5em;
	top:50%;
	width:19px;
}

#dialog-restore  {
	height:18px;
	margin:-10px 0 0;
	padding:1px;
	position:absolute;
	right:1.5em;
	top:50%;
	width:19px;
}


/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 120px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/



button:focus {outline:0;}

edit:empty:after {
/*   content: "\f16b";
   font-family: FontAwesome;*/
}

edit:empty:after {
   
   content: "This Box is Empty";
   color:#666;
   width: 3px;
   height: 30px;
   width: 30px;
   background-image: url(/images/ItemAdminBg.png);
   text-transform:capitalize;
   font-variant:small-caps;
   margin-right:5px;
   padding-left:5px;
   padding-right:5px;
}

@keyframes color {
	0%   { background: #000; }
	50%  { background: #666; }
	100% { background: #000; }
}

.UsedFieldClass  {
	
    border-radius: 3px;
    color: #fff!important;
    background-color: #333;
/*    border-radius: 3px;
    border: none;
    width: fit-content;
	min-width: 52px;
    float: left;
    margin-left: 15px;
    margin-bottom: 5px;	*/
	
	
    display:inline-block;
	width: fit-content;
    margin-left: 6px;

	animation: color 2s infinite linear;	
}

.UsedFieldClassB input {

	border:#333 solid 1px;

}

.UsedField ClassR *{
    color:#FFF;
	background-color:#006;
	font-size:18px;
}


.EditFormField .FieldsInputs {
    width:175px;
    padding: 1px;
    margin: 0px;
	margin-right:0;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
    display: inline-block;
    font-family: "Courier New", Courier, monospace;	
}

.EditFormField .FieldsInputs input {
    width:138px;
    font-size: 10px;
    line-height: 10px;	
}

.CompareHighlight {background-color: #B4D5FF}




.modal {

	*/ Too Gereric */
    */ z-index: 9999991 !important; */

}






#idContentoEdit1_Body, #idContentoEdit1_More {

    margin-top: 17px;

}



.SysAppsDis {
    width: 36px;
    height: 36px;
}

.SysApps, SysApps .Appsimg2 {
    width: 40px;
    height: 40px;
}


.SysApps .Appsimg {
    width: 40px;
    height: 40px;
}

.SysApps .AppIconSys {
    font-size: 40px !important;
}

#Icon  {
    width: calc(100% - 68px);
    float: left;	
}

/*#Layout  {
    width: calc(100% - 142px);
    height: 425px;
    float: left;	
}*/

textarea#Layout {
    direction: ltr;
	text-align: left;
}

#PageLayout, #View, #Form, #GoogleProductLayout, #DefaultStyledView, #ResponseEmail, #Owner {
    width: calc(100% - 70px);
}

.EditFormField .ItemLayoutsvg {
    margin-top: -4px;
}

#Icon {
    width: calc(100% - 60px);
}

.ItemLayoutsvg  {
	/*position: absolute;*/
	width: 24px !important;
	height: 24px !important;
	margin-left: 10px;	
}

.EditFormField .YesNoImg, .EditFormFieldShort .YesNoImg {
	height: 30px;
    width: auto;
	cursor:pointer;
}

#EditFormDiv::-webkit-scrollbar-thumb {
  background-image: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
  border-radius: 100px;
}
















/*@media only screen and (max-width: 492px) {

#CommandLine {
padding-bottom: 6rem;
}

#EditFormDiv2 {
 padding-top: 6rem;
}

.CommandButton {
margin-bottom: 2px; 
}

.CommandButtonSet2 {
 margin-left: 17px; 
}

.CommandButtonRightMargin {
 margin-right: 0px;
}

}


@media only screen and (min-width: 493px) and (max-width: 636px){

#CommandLine {
	padding-bottom: 4rem;
}

#EditFormDiv2 {
 padding-top: 4rem;
}

.CommandButtonRightMargin {
 margin-right: 10px;
}

}

@media only screen and (min-width: 637px) {

 #EditFormDiv2 {
 padding-top: 0px;
}

}*/


.TabSomthing {
	font-size:12px; font-family: monospace; color:#fff; display: flex; flex-wrap: wrap;
}

.TabSomthing span {
    flex: auto;
}

.TableSpanSys {
	background-color:#900; padding: 5px; border-radius: 6px; margin:5px; display:inline-block;
}

.TableSpan {
	background-color:#333; padding: 5px; border-radius: 6px; margin:5px; display:inline-block;
}


@media (max-width: 800px) {
	
	.FormFiledWidth {
		width: 100% !important;
		margin-bottom:20px;
	}
	
	.FieldGroup {
		margin-bottom: 0px;
		padding-top: 0px;
	}
	
	.CommandLine {
		display: flex;
		height: fit-content;
	}
	
	.CommandButton, .AdminTab  {
		font-size: 0;
	}		
	
	.LastUpdate{
		display:none !important;
	}	
	
	#TabsDivs {
		position: initial;
	}	
	
}


// X-Small devices (portrait phones, less than 576px)

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }




#EditFormDiv2 {
    padding: 5px;
    overflow: auto;
    padding-bottom: 150px;
}

#History, #AppsDiv {
    direction: ltr;
    text-align: left;
}

.AiButton {
	background: var(--linear, linear-gradient(117deg, #0583F9 -30.11%, #CB6CE6 100%)) !important;
	background: var(--linear, linear-gradient(117deg, #0583F9 -30.11%, #b700eb 100%)) no-repeat center center !important;
	background-size: cover !important;	
	margin-top:4px;
}

.AiButton2 {
    padding: 0px;
	margin-top:0px;
	margin-left: 10px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 2px;
	margin-right: 0;
}

.AiButton2 span {
	vertical-align: text-bottom !important;
}

/* Define the keyframes for the flashing effect */
@keyframes BackEndError {
  0% { background-color: #FF8080; }
  50% { background-color: white; }
  100% { background-color: #FF8080; }
}













/* Scope to custom dialog */
.wod-dialog .ui-widget-header .ui-icon {
    background-image: url(https://code.jquery.com/ui/1.10.4/themes/smoothness/images/ui-icons_222222_256x240.png);
    /*background-color: white;*/
    filter: invert(1);
}

@media only screen and (max-width: 600px) {
    .wod-dialog {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        left: 0;
        top: 100px;
    }
}

.wod-dialog .ui-front {
    z-index: 999999999 !important;
}

.wod-dialog {
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    border: 0;
    transition: width .3s ease 0s;
}

.wod-dialog #ui-dialog-titlebar {
    font-size: 24px;
    color: #000066;
}

.wod-dialog .ui-dialog-title {}

.wod-dialog .ui-widget-header {
    background: #eff5fc !important;
    background: none !important;
    background-repeat: no-repeat;
    background-position: center !important;
    border: 0px solid #ccc !important;
    background-image: linear-gradient(2deg, #d1d1d1 0%, #e7e7e7 50%, #d1d1d1 100%) !important;
}

.wod-dialog .ui-dialog-title {
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: center !important;
    width: 100% !important;
    color: #666 !important;
    font-weight: normal;
    direction: ltr;
}

.wod-dialog {
    padding: .1em !important;
}

.wod-dialog .ui-state-default, .wod-dialog .ui-widget-content .ui-state-default, .wod-dialog .ui-widget-header .ui-state-default {
    background-color: #FFF !important;
    background-image: none !important;
}

.wod-dialog {
    border-radius: 4px !important;
    -webkit-box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), 0 -18px 60px -10px rgb(0 0 0 / 3%) !important;
    box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), 0 -18px 60px -10px rgb(0 0 0 / 3%) !important;
}

.wod-dialog .ui-button {
    border: #666 solid 1px;
}

.wod-dialog .ui-corner-all, .wod-dialog .ui-corner-bottom, .wod-dialog .ui-corner-right, .wod-dialog .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.wod-dialog .ui-corner-all, .wod-dialog .ui-corner-bottom, .wod-dialog .ui-corner-left, .wod-dialog .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.wod-dialog .ui-corner-all, .wod-dialog .ui-corner-top, .wod-dialog .ui-corner-right, .wod-dialog .ui-corner-tr {
    border-top-right-radius: 0px;
}
.wod-dialog .ui-corner-all, .wod-dialog .ui-corner-top, .wod-dialog .ui-corner-left, .wod-dialog .ui-corner-tl {
    border-top-left-radius: 0px;
}

.wod-dialog .ui-dialog-titlebar-close {
    top: 44%;
    width: 30px;
    height: 30px;
    background-color: #222;
    border-radius: 6px;
    border: none;
}

.wod-dialog {
    padding: 0px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.wod-dialog #ui-id-1 {
    /* height: 24px; */
}

.wod-dialog .ui-dialog-titlebar {
    padding: 0.8em 1em;
    background: var(--linear, linear-gradient(117deg, #0583F9 -30.11%, #CB6CE6 100%)) !important;
	background: var(--linear, linear-gradient(117deg, #0583F9 -30.11%, #b700eb 100%)) no-repeat center center fixed !important;
	background-size: cover !important;	
}

.wod-dialog .ui-dialog-title {
    font-size: 10px;
    color: #fff !important;
}

.wod-dialog .ui-button {
    background-size: cover;
    background: none !important;
    top: 25px !important;
}

.wod-dialog #ui-id-1 .CommandButton {
    background: none !important;
    display: block !important;
    padding: 0 !important;
}

.wod-dialog #ui-id-1 .CommandButton #IconSampleNew {
    font-size: 26px !important;
}

.wod-dialog .ui-button-icon {
    background-image: none !important;
}

.wod-dialog .ui-button::before {
    content: 'X ';
    color: white;
    font-weight: bold;
}

.wod-dialog .ui-button:hover {
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}





/*

.wod-dialog .ui-dialog-titlebar {
    height: 26px;
}


#ui-id-1 {
    position: absolute;
}

*/