/* 
    COPYRIGHT ANSYS. ALL RIGHTS RESERVED.
*/
/*
    panel background: #62636C
    Contrast color: #FFDE53
    Inactive font color: #666666
    Field Background: #434343
    SceneGraph Background1 : 75f, 76f, 82f, 255f
    SceneGraph Background2 : 98f, 99f, 108f, 255f
    */

body {
    font: 9pt "Segoe UI";
}

.propertiesComponent {
	background-color: #58585E;
    color: #ffffff;
	height: 100%;
}

.propertiesComp .rootProperty > .propertyLine > .propertiesContainer {
    padding-left: 4px;
}
.rootProperty .propertyContainerGroup > .propertyLine.propertyGroup {
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 7px;
}
.rootProperty .propertyContainerGroup > .propertyLine > .propertiesContainer {
	padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 23px;
    padding-right: 0px;
}

.propertiesComp.multipleline .propertyLine .label {
    padding-left: 0px;
}

.propertiesComp.multipleline .propertyLine .controlmessage {
    padding-left: 0px;
}
.propertyLine {
	width:100%;
	margin-bottom:5px;
	white-space: nowrap;
	position: relative;
}

div.propertyLine input {
    font: 9pt "Segoe UI";
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    box-sizing:border-box;
    border: 1px solid #434343;
	height: 20px;
	padding: 0;
	margin: 0;
	width: 100%;
    background: #434343;
    color: #ffffff;
}

div.propertyLine select {
    font: 9pt "Segoe UI";
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    box-sizing:border-box;
    border: 1px solid #c7c7c7;
	height: 20px;
	padding: 0;
	margin: 0;
	width: 100%;
}

div.propertyLine input:focus {
	border: 2px solid #FFDE53;
}

div.propertyLine select:focus {
	border: 2px solid #FFDE53;
}

div.propertyLine div.caption {
	display: inline-block;
	font: 9pt "Segoe UI";
	padding-top: 3px;
	padding-bottom: 3px;
}

div.propertyLine div.label {
    vertical-align: top;
	display: inline-block;
	padding-top:3px;
	padding-right: 10px;
	white-space: nowrap;
	overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 10pt;
}

div.propertyLine div.labelRO {
	font: italic 9pt Arial, Helvetica, sans-serif;
	color: #818182;
}

div.propertyLine div.controlmessage {
	display: inline-block;
}

div.propertyLine div.control {
	width: 100%;
}

div.propertyLine .controlRO {
	color: #818182;
	font: italic 9pt Arial, Helvetica, sans-serif;
	background-color: #d1d1d2;
}

div.propertyLine div.message {
	white-space: normal;
}

div.propertyLine div.buttons {
	vertical-align: top;
	display: inline-block;
	width: 50px;
	padding-top:3px;
}

div.propertyLine div.buttons button {
	padding: 0;
	margin: 0;
	width: 48px;
	height: 18px;
	font: 9pt "Segoe UI";
	border: 0;
	background-color: #0071bc;
	border: 2px solid #0071bc;
	color: white;
	margin: 0;
}

div.propertyLine div.buttons button.applyButton {
	width: 24px;
}

div.propertyLine div.buttons button.cancelButton {
	width: 24px;
}

div.propertyLine .help {
	position: absolute;
	top: 0px;
	left: 0px;
}

.multipleline div.propertyLine > div.label {
	display: block;
}

.multipleline div.propertyLine div.controlmessage {
	padding-left: 15px;
}

div.propertyGroup div.title {
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-bottom-color: #ffde53;
}

div.propertyGroup div.caption {
    color: #ffde53;
    /*font-weight: bold;*/
    margin-left: 3px;
}

/*
    Evaluate
*/

div.selectapply-property div.controlmessage {
    padding-left: 15px;
    padding-top: 3px;
}

div.selectapply-property div.controlmessage div.control {
    width: auto;
    display: inline-block;
}

div.selectapply-property div.controlmessage div.applybutton {
    display: inline-block;
    width: auto;
    vertical-align: top;
    padding-left: 5px;
}

div.selectapply-property .jqxButton {
    background: #FFDE53;
    border: none;
    color: black;
}

div.selectapply-property .jqxButton.jqx-fill-state-hover {
    background-color: #FFE26B;
}

div.selectapply-property .jqxButton.jqx-fill-state-pressed {
    background-color: #D7BB47;
}

div.selectapply-property .jqx-dropdownlist-content {
    padding-top: 4px;
    padding-left: 5px;
}

div.selectapply-property .jqxDropDownButton {
    background: #434343;
    color: white;
    border-color: #434343;
}

div.jqxDropDownList {
    background: #434343;
    color: white;
    border-color: #434343;
}

.jqx-dropdownbutton-popup, .jqx-menu, .jqx-menu-popup, .jqx-menu-dropdown {
    background: #434343;
    color: white;
    border-color: #434343;
}

.jqx-menu-item, .jqx-menu-item-top {
    font-family: "Segoe UI";
    font-size: 9pt;
    color: white;
    background-color: transparent;
    border-color: transparent;
}

.jqx-menu-item:hover, .jqx-menu-item-top:hover {
    border-color: #ffde53;
    background-color: transparent;
    color: white;
}
.jqx-menu-item-selected, .jqx-menu-item-top-selected {
    background-color: #ffde53;
    color: black;
}

/*
    Slider    
*/

.propertiesComp .rootProperty .slider-property {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div.slider-property div.label {
    padding-bottom: 5px;
}

div.slider-property div.control input {
    width: 60px;
    padding-left: 5px;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 15px;
}

div.slider-property div.buttons {
    margin-top: 4px;
    margin-left: 5px;
}

div.slider-property div.jqx-slider-rangebar {
    background: transparent;
}

div.slider-property .jqxSlider {
    display: inline-block;
}

div.slider-property div.jqx-slider-tickscontainer {
    visibility: hidden;
}

div.slider-property div.jqx-slider-track {
    border-color: transparent;
    border-radius: 0px;
    height: 8px;
    margin-top: 2px;
    background: #434343 !important;
}

div.slider-property .jqx-slider-slider-horizontal {
    border-radius: 0px !important;
    border: 1px solid transparent !important;
    background: #FFDE53 !important;
    height: 6px;
    top: 5px !important;
    width: 12px;
    margin-left: 4px;
}

/*
    Boolean Prop    
*/

div.propertyLine.boolean-property label {
    font-size: 10pt;
}

.boolean-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 40px;
    width: 100%;
}

/*Hides the checkbox*/
.boolean-container input {display:none;}

/* Caption of the property */
.boolean-container .boolean-label {
    float:left;
    white-space: nowrap;
    margin-top: 1px;
    padding-right: 8px;
    padding-left: 0px !important;
    cursor: pointer;
}

/* Border of the switch */
.boolean-container .boolean-slider {
  position: relative;
  display: inline-block;
  cursor: pointer;
  top: 6px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transition: .4s;
  transition: .4s;
  width: 28px;
  height: 16px;
  float: right;
}

/* Inside of the switch */
.boolean-container .boolean-slider::before {
  position: absolute;
  content: "";
  top:1px;
  background-color: #434343;
  -webkit-transition: .4s;
  transition: .4s;
  top:1px;
  left:1px;
  width:26px;
  height:14px;
}
/* Thumb of the switch */
.boolean-container .boolean-slider::after {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 3px;
  bottom: 3px;
  -webkit-transition: .4s;
  transition: .4s;
  background-color: #aaa;
}

/* Border of the switch when toggled */
.boolean-container input:checked + div.boolean-label + .boolean-slider {
    
}

/* Inside of the switch when toggled */
.boolean-container input:checked + div.boolean-label + .boolean-slider::before {
    
}

/* Thumb of the switch when toggled */
.boolean-container input:checked + div.boolean-label + .boolean-slider::after {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
    background-color: #ffde53;
}

/*
    Toolbar    
*/

.main-toolbar {
    background-color: #58585E;
    top: 0px;
}
.main-toolbar #jqxToolbar {
    background-color: transparent;
    border-width: 0px;
    padding: 4px;
}
.main-toolbar #jqxToolbar button {
    border-radius: 0px;
    background-color: transparent;
}

.main-toolbar #jqxToolbar button.jqx-fill-state-normal{
    border-color: transparent;
}
.main-toolbar #jqxToolbar button.jqx-fill-state-hover{
    border-color: #686873;
    background-color: #686873;
}
.main-toolbar #jqxToolbar button.jqx-fill-state-pressed{
    border-color: #41403C;
    box-shadow: inset 0 0 0 1px #434343, inset 0 1px 11px #434343;
}
.main-toolbar #jqxToolbar div[class^="jqx-dropdownlist"] {
    border-radius: 0px;
    background-color: transparent;
}



.MainPanel .jqx-rc-all {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.analysis-title > div {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 23px;
    width: 76px;
    text-align: center;
    font: 13pt "Segoe UI", Helvetica, sans-serif;
    color: #ffde53;
    border-bottom: 2px solid #ffde53;
}
.rootProperty .propertyGroup .title div {
    background-color: transparent;
    color: #FFDE53;
    font: 12pt "Segoe UI" normal;
    display: inline-block;
    padding-left: 19px;
    padding-right: 8px;
}
div.propertyGroup span.collapseButton {
    position: relative;
}

div.propertyGroup span.collapseButton img {
    position: absolute;
    top: 7px;
    left: 2px;
}

/*
    Popup/dialog    
*/

/* Window */
div.jqxwindow.jqx-popup {
    border: 1px solid #80808A !important;
}

div.jqxwindow.jqx-popup div.dialogHeader {
    color: #FFDE53;
    background-color: #41403C;
    border: none;
}

div.jqxwindow.jqx-popup div.content.realDialogComponent {
    background-color: #58585E;
    color: #c7c7c7;
}

div.jqxwindow.jqx-popup div.content.realDialogComponent div.content.Text {
    padding-top: 10px;
}

/*div.jqxwindow.jqx-popup div.content.realDialogComponent div.content.Buttons button {
    background-color: #41403C;
    color: #c7c7c7;
    border: 1px #41403C solid;
}

div.jqxwindow.jqx-popup div.content.realDialogComponent div.content.Buttons button:hover {
    border-color: #70707A;
    background-color: #70707A;
}

div.jqxwindow.jqx-popup div.content.realDialogComponent div.content.Buttons button:active {
    border-color: #41403C;
    box-shadow: inset 0 0 0 1px #434343, inset 0 1px 11px #434343;
}*/


    
div.jqxwindow.jqx-popup div.content.realDialogComponent div.content.Buttons button {
    background-color: #41403C;
    color: #c7c7c7;
    border: 1px #41403C solid;
}

div.jqxwindow.jqx-popup div.content.realDialogComponent div.content.Buttons button:hover {
    border-color: #41403C;
    background-color: #4d4d4d;
}

div.jqxwindow.jqx-popup div.content.realDialogComponent div.content.Buttons button:active {
    border-color: #FFDE53;
}
    