body {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-color: #3b3649;
    color: #212121;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

#output{
    background-color: #676472;
    margin-left: 25px;
    color:lightgrey;
    font-weight: bold;
    border-style: inset;
    border-width: 1px;
    padding: 3 7 7 7;
}

#executionLimit{
    width: 50px;
    padding: 4px;
    border-style: none;
    background-color: #7d7b86;
    margin-left: 2px;
    border-radius: 5px;
    margin-bottom: 2px;
}

#centerPane {
    background-color: #908ba3 !important; 
}

#southpanel{
    overflow:hidden !important ;
}
#drawing {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width:100%;
    height:100%;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: scroll;
    background-color: #831f1f;
}

.slickgrid, 
.slickgrid *,
.slick-header-column {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#centerPane {
    padding: 0px !important;
    margin:0px;
}

.ui-layout-pane {
    padding: 0px !important;
}

html {
	font-size: 9pt;
}
.ccc{
	font-weight: bold;
}
.percent-complete-bar {
  display: inline-block;
  height: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#navigation {
    padding: 0px;
    margin: 0px;
    background: transparent url(background_drak.jpg);
    text-align: center;
}

#projectSettings input{
    font-size:12px;
    color: black;
    width: auto;
}

.comment{
    color: #2f2f31; 
    font-style: italic;
    padding: 7px;
    margin: 0px 0px 7px 0px;
}

.listedLibrary{
    display: inline-block;
    width:200px;
    height: auto;
}

.action_button{
    padding: 5px;
}

#exportRuleCheckbox{
    display: inline-block;
    width:auto;
    height:auto;
    background-color: antiquewhite;
}

#table_selector{
    width: calc(100% - 20px);
    margin: 5px 5px 10px 5px;
}
.settingsSection{
    width:600px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
.onlinePackageList{
    border-radius: 5px;
    background-color: #d0d0dd;
    padding: 5px;
    margin-top:12px;
    width:auto;
}
.onlinePackageUrl{
    font-weight: bold;
    display: inline-block;
    margin-left:7px;
    margin-right:7px;
}

#newImportUrl {
    width: 85% !important;
}
legend.settingsSection {
    font-weight: bold;
    font-size: 14px;
    color: #f0ebff;
    width:auto;
    margin-bottom: 5px;
}

#projectSettings label{
    font-size:12px;
    color: black;
    width: auto;
}

input[type=text]{
    background: none repeat scroll 0 0 #f8f8f8;
    border-color: #C6C6C6 #DADADA #EAEAEA;
    padding-left:7px;
    border-style: solid ;
    border-width: 1px;
    border-radius: 0px;
    vertical-align: middle;
    width:100%;
    height:25px;
    font-size:12px;
    line-height:25px;
   }
input:focus {
    border-radius: 0px;
    outline-style: none;
    background-color: #80e1ff;
}

input.editor-text{
    background-color: transparent;
    margin: 0px;
    border-style: none;
    overflow: hidden;
}

.ui-widget input:focus{
    border-radius: 0px;
    outline-style: none;
    background-color: transparent;
    border-style: none;
    height: fit-content;
    line-height: initial;
}

.output_text {
    color:#000000 ;
    display: contents;
}

#queryField{
    background-color: #000000;
    height: auto;
    line-height: normal;
    padding: 5px;
    padding-left:14px;
    border-radius: 0px;
    outline-style: none;
    border-style: none;
}

#queryField:focus{
    background-color: #80e1ff;
    height: auto;
    line-height: normal;
    padding: 5px;
    border-radius: 0px;
    outline-style: none;
    border-style: none;
}

#toolbar_hint {
    position: absolute;
    top: 19px;
    height: 64px;
    right: 40px;
    color: white;
    opacity: 0.5;
}

button {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(buttontext, rgb(170, 170, 170));
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark-color(rgb(239, 239, 239), rgb(74, 74, 74));
    box-sizing: border-box;
    margin: 0em;
    font: 400 11px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}
button:disabled {
    color: -internal-light-dark-color(rgba(16, 16, 16, 0.3), rgb(170, 170, 170));
    background-color: -internal-light-dark-color(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
    border-color: -internal-light-dark-color(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
}
button.gray, a.gray, input[type=submit].gray {
    padding: 10px 10px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px #dadada;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f1f1f1', GradientType=0);
    color: #555;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px #ffffff;
    line-height: 1;
    font-size: 11px;
    min-width: 80px;
}

#propertyHeader {
    color: #3f51b5;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    overflow: hidden;
    padding: 10px;
    font-family: "RobotoDraft", sans-serif;
    margin: 0;
    margin-bottom: 30px;
    text-rendering: optimizelegibility;
}

#propertyPane {
    background-color: #bbb;
    padding:10px;
    margin: 30px auto 30px auto;
    text-align:center;
    align:center;
}

.panel-heading {
    background: #3b3649;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    color: white;
    font-weight: bold;
    font-size: larger;
}
label {
    font-size: 11;
    color:#9999aa;
    text-align: right;
    margin-left: 10px;
    margin-top:10px;
    margin-bottom: 3px;
}


.dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 7px;
  }
  
  .dropdown select:focus {
    border-radius: 0px;
    outline-style: none;
    background-color: #80e1ff;
}

  .dropdown select {
    width: 100%;
    border-radius: 0px;
  }
  
  .dropdown > * {
    box-sizing: border-box;
    height: 25px;
  }
  
  .dropdown input {
    position: absolute;
    width: calc(100% - 20px);
  }


#mainarea{
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #3b3649;
}

#tableView {
    width:100%;
    height:100%;
    position: relative;
    background-color: #737178;
}

#MyOtherTable {
    width:100%;
    height:100%;
    position: relative;
    background-color: #737178;
    font-size: 12;
}

#MyOtherTable td{
    font-size: 11;
}

span.tree_drawing {
    background:url("tree_drawing.png");
}
span.tree_table {
    background:url("tree_table.png");
}
span.tree_struct {
    background:url("tree_struct.png");
}

#toolbar {
    position: absolute;
    margin: 0px;
    padding-top: 10px;
    padding-left: 20px;
    top: 0px;
    left: 0px;
    height: 64px;
    right: 0px;
    overflow: hidden;
    z-index: 1000;
    background-color: #3f51b5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

#toolbar_old {
    background: #cecece; /* Old browsers */
    background: -moz-linear-gradient(top,  #cecece 0%, #a8a8a8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cecece 0%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cecece 0%,#a8a8a8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cecece 0%,#a8a8a8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cecece 0%,#a8a8a8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#a8a8a8',GradientType=0 ); /* IE6-9 */
     padding:8px;
     margin:0px;
     height:50px;
     border-bottom: 1px solid #515151;
}

#topbar {
    background: #555566;
    color: #cccccc;
    font-weight: bold;
    font-size: 12;
    padding:3px;
}

#topbar button {
    background-color: #727791;
    border-radius: 5px;
    border-width: 1px;
    padding: 2px 7px
}
.topbar {
    background: #555566;
    color: #cccccc;
    font-weight: bold;
    font-size: 12;
    padding:0px;
}



/*
#inputbox{
 border:1px solid white;
 border-radius:10px;
 background-color: #3b3b3b;
 color:#f3f3f3;
 position:absolute;
 padding:20px;
 top:10px; 
 left:10px
}
*/

.shadow {
 -moz-box-shadow: 3px 3px 4px #000;
 -webkit-box-shadow: 3px 3px 4px #000;
 box-shadow: 3px 3px 4px #000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/*container of a single property entry*/
.property_container {
    padding:5px;
    padding-bottom:15px;
   }
   
   .toolbar_delimiter {
     margin-left:40px;
   }
   
   #content {
    padding:0px;
    margin:0px;
   }
   
   
#palette{
    background-color: #676472;
    text-align: center; /* centers icons horizontally */
}

#arguments_table{
    width: 100%;
}

.palette_node_element{
    border:1px solid gray;
    background-color: #f3f3f3;
    padding:5px;
    cursor:move;
    width:60px;
    display: inline-block;
    margin: 5px;
    text-align:center;
    align:center;
    border-radius: 5px;
}
#bottomtabs{
    font-size: 11px;
    width: auto;
    background-color: rgb(185, 186, 187);
}

.ui-tabs-vertical { width: 55em; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .01em .05em .1em .1em; float: left; width: 6em; height: calc(100% - 15px); background-color: grey; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 0px 0px 1em 0px I !important;}
  
.small_tab{
    padding: 2px !important;
    width: -webkit-fill-available;
}

.ui-widget {
    font-size: 11px;
}

#projectSettings{
    margin:20px;
}